Icon Libraries

Lucide is a community-maintained open-source icon library that started as a fork of Feather Icons. With 1,500+ carefully crafted SVG icons and a consistent 24×24 design grid, it has become one of the most popular icon libraries in the React ecosystem. Every icon uses a clean 2px stroke style, ensuring a uniform look across your entire UI.

Tabler Icons is the most comprehensive icon library available in Icony, with over 5,900 meticulously designed SVG icons. All icons are drawn on a consistent 24×24 grid and cover virtually every UI and domain use case imaginable — from common navigation icons to specialized industry symbols. The MIT license and wide coverage make it a go-to choice for large-scale projects.

Phosphor Icons sets itself apart with a unique multi-weight system. Each of the 1,000+ icons comes in six distinct weights: Thin, Light, Regular, Bold, Fill, and Duotone. This flexibility makes Phosphor ideal for design systems that require subtle visual hierarchy — use lighter weights for decorative elements and heavier weights for primary actions.

The filled weight variant of Phosphor Icons. All 1,000+ Phosphor icons rendered in a solid, filled style — ideal for active states, selected navigation items, or any scenario where you need strong visual emphasis. Pairs perfectly with Phosphor Regular to indicate active vs. inactive states.

Heroicons are beautiful, hand-crafted SVG icons created by the team behind Tailwind CSS. Designed specifically for modern web interfaces, Heroicons come in outline style (24×24 and 20×20) and pair seamlessly with Tailwind CSS utility classes. The clean, professional aesthetic makes them a natural choice for any Tailwind-based project.

The solid variant of Heroicons, featuring filled shapes for a bolder, more prominent appearance. Created by the Tailwind CSS team, solid Heroicons are perfect for navigation indicators, active states, and interactive elements where you need clear visual feedback. They maintain the same clean aesthetic as Heroicons Outline.

Bootstrap Icons is the official open-source icon library from the creators of Bootstrap. With over 2,000 icons in a clean, consistent style, it covers a broad range of UI needs from basic interface controls to specialized domain icons. While originally designed for Bootstrap-based projects, Bootstrap Icons work equally well in any React application.

Radix Icons is a carefully crafted set of icons designed specifically for use with Radix UI primitives and other accessible component libraries. Drawn on a compact 15×15 grid, these icons render crisp and clear at small sizes — ideal for form controls, dropdowns, and other compact UI elements. They are the default icon set for shadcn/ui.