A bold, expressive icon set with multiple styles for building distinctive product UIs.
A flexible collection of clean, consistent line icons designed for modern product interfaces.
A flexible icon family with multiple weights and styles for building accessible, characterful interfaces.
A friendly, open‑source icon set with filled and outlined variants that work well in web apps and dashboards.
A comprehensive set of outline icons with sharp geometry and great coverage for product use‑cases.
About shadcn icons
This page lists curated icon libraries compatible with shadcn/ui workflows. It provides search, categorization, and usage guidance so teams can maintain visual consistency across components, templates, and design systems.
All five supported icon libraries—Lucide, Hugeicons, Phosphor, Remix Icon, and Tabler—are included in our shadcn/ui Figma kit, so your designs and code stay in sync.
Search icons
Find icons instantly across supported libraries.
- Search by name (e.g., arrow-left, dashboard, settings)
- Filter by library
- Filter by category
- Copy SVG or React component
Customize preview
Preview icons with consistent system rules before you ship.
- Stroke width control
- Size scale (16 / 20 / 24 / 32)
- Color preview (foreground / muted / primary)
- Dark mode check
Maintain a single visual standard across your entire product.
Why icon systems break in real projects
- Teams mix Lucide + Heroicons randomly
- Designers use different stroke weights
- Icons scale inconsistently
- No shared wrapper component
- No documented selection rule
This page exists to prevent that.