@effective/icon

Framework demos and static icon pack galleries.

Compare real React and Solid integrations of @effective/icon, then browse the currently published Streamline packs by category on the same public site.

Framework demos

React

Image

React / Image

React consumer demo with external SVG image output.

 Mask

React / Mask

React consumer demo with currentColor-driven mask output.

 SVG

React / SVG

React consumer demo with inline SVG output.

Solid

Image

Solid / Image

Solid consumer demo with external SVG image output.

 Mask

Solid / Mask

Solid consumer demo with currentColor-driven mask output.

 SVG

Solid / SVG

Solid consumer demo with inline SVG output.

Icon packs

Published Streamline packs ship with a static category index so the package README can link to a browsable overview instead of a raw manifest.

Core / Line 998 icons · 14 px grid

@icon-pkg/streamline-core-line-free

Clean line icons with consistent stroke weight.
Core / Solid 998 icons · 14 px grid

@icon-pkg/streamline-core-solid-free

Filled icons tuned for faster visual recognition.
Core / Remix 998 icons · 14 px grid

@icon-pkg/streamline-core-remix-free

Hybrid line-and-solid styling with extra energy.
Flex / Line 499 icons · 14 px grid

@icon-pkg/streamline-flex-line-free

Clean line icons with consistent stroke weight.
Flex / Solid 499 icons · 14 px grid

@icon-pkg/streamline-flex-solid-free

Filled icons tuned for faster visual recognition.
Flex / Remix 499 icons · 14 px grid

@icon-pkg/streamline-flex-remix-free

Hybrid line-and-solid styling with extra energy.
Sharp / Line 500 icons · 24 px grid

@icon-pkg/streamline-sharp-line-free

Clean line icons with consistent stroke weight.
Sharp / Solid 500 icons · 24 px grid

@icon-pkg/streamline-sharp-solid-free

Filled icons tuned for faster visual recognition.
Sharp / Remix 500 icons · 24 px grid

@icon-pkg/streamline-sharp-remix-free

Hybrid line-and-solid styling with extra energy.
Plump / Line 500 icons · 48 px grid

@icon-pkg/streamline-plump-line-free

Clean line icons with consistent stroke weight.
Plump / Solid 500 icons · 48 px grid

@icon-pkg/streamline-plump-solid-free

Filled icons tuned for faster visual recognition.
Plump / Remix 505 icons · 48 px grid

@icon-pkg/streamline-plump-remix-free

Hybrid line-and-solid styling with extra energy.
Streamline Material / Outlined Fill 50 icons · 24 px grid

@icon-pkg/streamline-material-pro-outlined-fill-free

[Free] This is the improved version of Google’s Material Outlined Fill Icons.
Streamline Material / Outlined Line 50 icons · 24 px grid

@icon-pkg/streamline-material-pro-outlined-line-free

[Free] This is the improved version of Google’s Material Line Icons.
Streamline Material / Rounded Fill 50 icons · 24 px grid

@icon-pkg/streamline-material-pro-rounded-fill-free

[Free] This is the improved version of Google’s Material Rounded Fill Icons.
Streamline Material / Rounded Line 50 icons · 24 px grid

@icon-pkg/streamline-material-pro-rounded-line-free

[Free] This is the improved version of Google’s Material Rounded Line Icons.
Streamline Material / Sharp Fill 50 icons · 24 px grid

@icon-pkg/streamline-material-pro-sharp-fill-free

[Free] This is the improved version of Google’s Material Sharp Fill Icons.
Streamline Material / Sharp Line 50 icons · 24 px grid

@icon-pkg/streamline-material-pro-sharp-line-free

[Free] This is the improved version of Google’s Material Sharp Line Icons.
Ultimate / Light 995 icons · 24 px grid

@icon-pkg/streamline-ultimate-light-free

Light icons for general interface work.
Ultimate / Regular 995 icons · 24 px grid

@icon-pkg/streamline-ultimate-regular-free

Regular icons for general interface work.
Ultimate / Bold 995 icons · 24 px grid

@icon-pkg/streamline-ultimate-bold-free

Bold icons for general interface work.
Lucide / Line 1,466 icons · 24 px grid

@icon-pkg/streamline-lucide-line

Clean line icons with consistent stroke weight.