// REACT

Best Icon Libraries
for React (2026)

All 8 icon libraries below are fully compatible with React. They support tree-shaking, TypeScript, and install via npm in seconds.

// TL;DR — Use Lucide Icons for most projects. Use Heroicons if you're on Tailwind CSS.

Lucide Icons

⭐ 12,000◆ 1,400 iconsISC

A clean, consistent open-source icon library with 1400+ icons, forked from Feather Icons with active maintenance and TypeScript support.

npm install lucide-react

Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin

⭐ 21,000◆ 292 iconsMIT

Beautiful hand-crafted SVG icons by the makers of Tailwind CSS. Available in outline and solid styles with 292 icons.

npm install @heroicons/react

Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin

⭐ 18,000◆ 5,500 iconsMIT

Over 5500 free MIT-licensed high-quality SVG icons. One of the largest free icon libraries available for web projects.

npm install @tabler/icons-react

Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin

⭐ 8,000◆ 1,248 iconsMIT

Flexible icon family with 6 weights including thin, light, regular, bold, fill and duotone. Over 1200 icons available.

npm install @phosphor-icons/react

Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin

⭐ 6,000◆ 2,800 iconsApache 2.0

Open-source neutral-style system symbols for designers and developers. Over 2800 icons in line and fill styles.

npm install remixicon

⭐ 24,000◆ 287 iconsMIT

Simply beautiful open source icons designed on a 24x24 grid with an emphasis on simplicity, consistency and readability.

npm install react-feather

Full Guide →✓ Tree-shakable

⭐ 7,000◆ 1,800 iconsMIT

Free, high quality, open source icon library with over 1800 icons. Designed by the Bootstrap team.

npm install bootstrap-icons

Full Guide →✓ Figma Plugin

⭐ 5,000◆ 318 iconsMIT

A crisp set of 15x15 icons designed by the WorkOS team. Perfectly sized for dense UIs and dashboards.

npm install @radix-ui/react-icons

Full Guide →✓ TypeScript✓ Tree-shakable✓ Figma Plugin