// FIND & COMPARE FREE SVG ICON LIBRARIES

Find & Compare Free
SVG Icon Libraries
for React & Next.js

Search 11,700+ free open source SVG icons across Lucide, Heroicons, Tabler, Phosphor and more — for React, Next.js, Vue and Svelte.

ReactNext.jsVueSvelteTypeScriptMIT License
Search 11,700+ Icons →Compare Libraries
11,700+
Total Icons
8+
Icon Libraries
MIT
License
100%
Free & Open Source

Browse All Icon Libraries

// 8 libraries — compare stars, icon count, license and React support

Lucide Icons

ISC

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

⭐ 12,000◆ 1,400 icons

Heroicons

MIT

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

⭐ 21,000◆ 292 icons

Tabler Icons

MIT

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

⭐ 18,000◆ 5,500 icons

Phosphor Icons

MIT

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

⭐ 8,000◆ 1,248 icons

Remix Icon

Apache 2.0

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

⭐ 6,000◆ 2,800 icons

Feather Icons

MIT

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

⭐ 24,000◆ 287 icons

Bootstrap Icons

MIT

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

⭐ 7,000◆ 1,800 icons

Radix Icons

MIT

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

⭐ 5,000◆ 318 icons

Popular Comparisons

// side-by-side library breakdowns to help you decide

lucide icons vs heroicons→lucide icons vs tabler icons→heroicons vs tabler icons→phosphor icons vs lucide icons→feather icons vs lucide icons→remix icon vs lucide icons→

Latest from the Blog

view all →
GUIDE · 2026-05-01

Best Icon Libraries for shadcn/ui in 2026 (Complete Guide)

The best icon libraries that work perfectly with shadcn/ui. Lucide Icons is the default but there are better options depending on your project. Complete guide with installation and usage examples.

TUTORIAL · 2026-04-19

How to Migrate from Feather Icons to Lucide Icons (2026 Guide)

Step-by-step guide to migrating from react-feather to lucide-react. Feather Icons is unmaintained — here is how to switch in under 10 minutes.

DESIGN · 2026-03-28

How to Build a Consistent Icon System for Your UI (2026 Guide)

Learn how to build a consistent icon system for your UI with practical design rules, icon selection tips, size and stroke guidelines, accessibility best practices, and implementation advice.

Frequently Asked Questions

What is the best free icon library for React?

Lucide Icons and Heroicons are the most popular choices for React. Lucide has 1,000+ icons with a consistent style, while Heroicons is made by the Tailwind CSS team and integrates perfectly with Tailwind projects.

Are these icon libraries free to use commercially?

Yes — all libraries listed on IconSearch use MIT or ISC licenses, which allow free commercial use with no attribution required.

Which icon library has the most icons?

Tabler Icons has the largest collection with 5,000+ icons, followed by Phosphor Icons with 1,200+ icons across 6 weight variants including Bold, Fill, Duotone and Thin.

Can I use these icons with Next.js?

Yes — all listed libraries ship as React components and work out of the box with Next.js, including server components and the App Router.

What is the difference between Lucide and Heroicons?

Lucide has a larger icon set (1,000+) with a neutral style suited for any project. Heroicons has fewer icons (~300) but is optimized for Tailwind CSS and has both outline and solid variants.