The best free icon library for most products is Lucide if one outline style is enough, Tabler Icons if you need the most icons, and Phosphor if you want several weights of every icon or a free duotone style. Material Symbols is the pick for Android and Material Design, Heroicons for Tailwind projects and Simple Icons for brand logos. Every set on this page can ship in a commercial product without paying and without a visible credit.
Where they differ is in the fine print: how many styles each one draws, whether anyone still releases it, how it reaches Figma and your framework, and whether "free" also means open source. Every figure below was read from the project's own site, repository or npm page on 21 October 2026, and each is linked so you can check it.
A disclosure: we make Pikaicons, a paid library with a free set. It appears once, among the free tiers of paid libraries, and isn't ranked against the open-source sets.
The short answer, by what you're building
| If you're building | Start with | Because |
|---|---|---|
| A React, Vue, Svelte or Angular app | Lucide | Official packages for eight frameworks plus plain JavaScript, and a release on the day we checked |
| A dashboard that needs icons for niche concepts | Tabler Icons | 6,238 icons under MIT, the most distinct icons of any open-source set here |
| A design system with several weights | Phosphor | Six matched weights of every icon, including duotone |
| An Android app or anything on Material Design | Material Symbols | A variable font with fill, weight, grade and optical size axes |
| A Tailwind site | Heroicons | Made by the Tailwind team, tuned separately for 24, 20 and 16px |
| A Flutter or SwiftUI app | Phosphor or Iconoir | Both publish official Flutter and Swift packages |
| A footer, login screen or integrations page | Simple Icons | 3,400+ brand logos, which the general sets mostly leave out |
| A Bootstrap site | Bootstrap Icons | Drawn on Bootstrap's 16px grid, with a web font and sprite |
| An enterprise product on IBM Carbon | Carbon | 2,700+ icons drawn for Carbon's 16px artboards |
The seven worth building a product on
These are the general-purpose sets: big enough to cover a whole product, under a standard open-source license (Remix Icon is the exception, explained below), and drawn as one consistent family.
| Library | Icons | Styles | License | Latest release | npm installs a week |
|---|---|---|---|---|---|
| Lucide | 1,903 | One outline style, 2px stroke | ISC | 21 Oct 2026 | 67.1M |
| Tabler Icons | 6,238 | Outline and filled, 2px stroke | MIT | 5 Oct 2026 | 2.13M |
| Phosphor | 9,072 across 6 weights | Thin, light, regular, bold, fill, duotone | MIT | 22 May 2025 | 3.15M |
| Material Symbols | 3,800+ | Outlined, rounded, sharp; variable fill and weight | Apache 2.0 | 21 Oct 2026 | 109K |
| Heroicons | 316 | Outline, solid, mini, micro | MIT | 18 Nov 2024 | 2.52M |
| Iconoir | 1,671 | Regular and solid, 1.5px stroke | MIT | 12 Aug 2026 | 102K |
| Remix Icon | 3,200+ | Outlined and filled | Remix Icon License 1.0 | 29 Jan 2026 | 573K |
1. Lucide
Lucide has 1,903 outline icons on a 24px grid with a 2px stroke, under the ISC license. Its README calls it a fork of Feather Icons, and it's where Feather's style lives on now, so a Feather project can move over mostly by changing imports.
It has official packages for React, Vue, Svelte, Solid, Angular, Preact, Astro, React Native and plain JavaScript, plus a Figma plugin. lucide-react was installed 67.1 million times in the week of 12 October, and a new release came out on the day we checked.
Pick it if you want the most used, most actively maintained free set and one outline style is enough. It has no filled style and no brand logos, so plan for both.
2. Tabler Icons
Tabler Icons is the largest set here under a plain MIT license, with 6,238 icons drawn on a 24px grid with a 2px stroke. Of those, 5,184 are outline, which means a filled version exists for roughly one icon in five.
It ships the widest range of formats of any set on this page: packages for React, Vue, Svelte, Solid, Angular, Preact, Astro and React Native, a web font, an SVG sprite, PNG and PDF files, and a Figma plugin.
Pick it if coverage matters most, as it does on admin panels and dashboards where you keep needing icons for things like "invoice overdue" or "server rack".
3. Phosphor
Phosphor draws each icon in six weights (thin, light, regular, bold, fill and duotone), which adds up to 9,072 icons under MIT. No other open-source set offers a matched filled and duotone version of every icon, and the duotone weight is a cheap way to try the style before committing (the guide to duotone icons covers when it works).
The team publishes official packages for the web, React, Vue, Flutter, SwiftUI, Elm and web components, and plugins for Figma, Sketch and Penpot. Its React package was last released on 22 May 2025, though it's still installed 3.15 million times a week, so check recent activity in the repository if you'll be asking for new icons.
Pick it if you need several weights of the same icon, or a free duotone style.
4. Material Symbols
Google's Material Symbols are 3,800+ icons in outlined, rounded and sharp styles under Apache 2.0. They're built as variable fonts first, with four axes you can set in CSS: fill (0 to 1), weight (100 to 700), grade (−50 to 200) and optical size (20 to 48px), according to Google's documentation.
Two details in Google's own README are worth knowing before you choose it. Only the 20 and 24px sizes are designed with perfect pixel-grid alignment, and Google doesn't maintain an npm package past version 3 from 2016: the material-symbols package most projects install is a community one. Google also leaves out third-party logos, for legal reasons.
Pick it if you're building for Android or on Material Design, or you want to animate fill and weight through font axes.
5. Heroicons
Heroicons, from the makers of Tailwind CSS, is small (316 icons) and carefully made. Each icon comes as a 24px outline with a 1.5px stroke, a 24px solid, a 20px "mini" solid and a 16px "micro" solid, so small sizes get icons drawn for them rather than scaled-down copies (more on why that matters in icon sizes).
It has official React and Vue packages and a Figma file. The latest release was on 18 November 2024, and the README says the team is only taking contributions that fix bugs, so treat 316 as the size it will stay.
Pick it if you use Tailwind and the icons you need are already among the 316.
6. Iconoir
Iconoir has 1,671 icons in regular and solid with a lighter 1.5px default stroke, under MIT. Beyond React, React Native and Vue, it publishes official packages for Flutter and Swift, it's available inside Framer, and the set is in the Figma community.
Pick it if you want a lighter line than the 2px sets, or you ship a native app in Flutter or SwiftUI.
7. Remix Icon, with a license change
Remix Icon has 3,200+ icons in outlined and filled with a neutral, system-like look, React and Vue packages, a web font and a Figma plugin. In January 2026 it moved from Apache 2.0 to the Remix Icon License, which still allows commercial and client work with credit optional.
The new license forbids selling the icons as a pack, building a competing icon library from them, and using an icon as a logo, app icon or brand mark. That makes Remix free to use but no longer open source in the usual sense, and older roundups that call it Apache 2.0 are out of date. Even its npm packages disagree: remixicon still declares Apache-2.0, while @remixicon/react declares the new license.
Pick it if the look suits you and the icons will only ever live inside your own products.
Five specialists that do one job well
These sets are narrower than the seven above, but each is the best free answer to a specific need.
| Library | Icons | Styles | License | Latest release | npm installs a week |
|---|---|---|---|---|---|
| Bootstrap Icons | 2,078 | Outline and fill, 16px grid | MIT | 8 Oct 2026 | 456K |
| Simple Icons | 3,400+ brand logos | One solid mark per brand | CC0 1.0, trademarks excluded | 11 Oct 2026 | 1.02M |
| Radix Icons | 318 | One style, 15×15 grid | MIT | 14 Nov 2024 | 3.24M |
| Ionicons | 1,300 | Outline, filled, sharp, logos | MIT | 28 Jul 2026 | 489K |
| Carbon | 2,700+ | One style, 16 to 32px artboards | Apache 2.0 | 21 Oct 2026 | 186K |
Bootstrap Icons
Bootstrap Icons are drawn in Figma on a 16×16 grid, and 705 of the 2,078 are "fill" versions of an outline icon. You get SVGs, an SVG sprite, a web font and a Figma file, but no official React package; the community react-bootstrap-icons was last published in May 2025.
Simple Icons
Simple Icons is the free set for brand logos, with over 3,400 of them, each one a single-colour mark with the brand's hex colour in its data. The project is CC0, but its disclaimer says that doesn't mean every icon in it is CC0, and it asks you to get permission from the brand and follow its guidelines. The commercial-use guide explains why a logo's trademark outlives any icon license.
Radix Icons
Radix Icons, from the WorkOS team, are 318 icons on an unusual 15×15 grid. There's one official package, for React, and a Figma file. It hasn't had a release since November 2024.
Ionicons
Ionicons was built for the Ionic framework, so each of its 421 designs comes in outline, filled and sharp, plus 94 logos. It ships as a web component, <ion-icon name="heart">, which loads only the SVGs you use and works in any framework or none.
Carbon
IBM's Carbon icons are drawn mainly for 16px artboards, with 20, 24 and 32px artboards for larger UI. The npm package holds 2,700+ icons, with official React and Vue packages, a Svelte port in the Carbon GitHub organisation, and the IBM UI Icon Library in Figma.
Free tiers of paid libraries
Several commercial libraries give away part of their set. These are free to use commercially, but each sits under its own terms rather than a standard open-source license, so read them before you build on one.
| Library | Icons | Styles | License | Latest release | npm installs a week |
|---|---|---|---|---|---|
| Hugeicons free | 6,000+ | Stroke rounded | MIT | 21 Sep 2026 | 897K |
| Untitled UI free | 1,100+ | Line, 2px stroke | Untitled UI license | 22 Sep 2026 | 232K |
| Font Awesome Free | 2,163 | Solid, regular, brands | CC BY 4.0 + MIT | 15 Jul 2026 | 1.58M |
- Hugeicons free is the largest free tier, with 6,000+ icons in a stroke rounded style. The npm packages are MIT.
- Untitled UI free has 1,100+ line icons built for Figma. They can be used commercially without credit, but the license forbids redistributing them or building a competing kit.
- Font Awesome Free has 2,163 icons, including brand logos. The icons are CC BY 4.0, and Font Awesome's license file says the comment embedded in each file is sufficient attribution, so leave it in.
- Pikaicons free is ours: 500+ hand-drawn icons across our five styles, free for commercial use with credit optional. You copy them one at a time as SVG or JSX, or download the pack; the one condition is not to republish them as a set. It's far smaller than Hugeicons' free tier and has no npm package, which is a real cost if you want icons as imports.
The full library is 5,000+ icons across the same five styles, from $99 once; the paid roundup compares it with Font Awesome Pro, Streamline and the rest.
How each set reaches Figma and your code
This is the column most roundups skip, and the one that decides how much friction a set adds every day. "Official" here means published by the set's own team.
| Library | Official code packages | Figma |
|---|---|---|
| Lucide | React, Vue, Svelte, Solid, Angular, Preact, Astro, React Native, JS | Plugin |
| Tabler Icons | React, Vue, Svelte, Solid, Angular, Preact, Astro, React Native, web font, sprite | Plugin |
| Phosphor | React, Vue, web, web components, Flutter, SwiftUI, Elm | Plugin |
| Material Symbols | Google Fonts CSS; npm packages are community-run | Not listed by Google |
| Heroicons | React, Vue | Community file |
| Iconoir | React, React Native, Vue, Flutter, Swift | Community file |
| Remix Icon | React, Vue, web font | Plugin |
| Bootstrap Icons | SVG, sprite, web font | Community file |
| Radix Icons | React | Community file |
| Ionicons | Web component (any framework) | Not listed by the project |
| Carbon | React, Vue | IBM UI Icon Library |
If you write React, import icons one by one (import { Heart } from "lucide-react") so your bundler leaves the rest out; the guide to SVG icons in React compares that with sprites and inline SVG.
What react-icons and Iconify actually give you
react-icons is installed about 5.1 million times a week because it puts dozens of sets behind one import. Its own README lists the version of each set it bundles, and they lag: the Lucide inside it has 1,215 icons against Lucide's own 1,903, and its Remix Icon is version 4.2.0, from before the license change.
The licenses travel with each set, too. The same table includes Game Icons under CC BY 3.0 and Typicons under CC BY-SA 3.0, both of which require credit, sitting next to MIT sets that don't.
Iconify goes further, with 200+ icon sets and more than 250,000 icons through one API. Both are excellent for prototyping, but when you settle on a set, install it directly and read its license yourself.
Sets to skip for new projects
Feather still has around 140,000 weekly installs, but its last release was in May 2024, and react-feather hasn't been published since May 2022. Lucide is its maintained continuation in the same style, so new projects should start there.
Boxicons appears on most older lists, but its npm package was last published in September 2022, so Tabler or Remix Icon is the safer choice for the same kind of coverage.
How to check a free set before you commit
Download counts tell you how many projects already depend on a set, not whether anyone still works on it: Radix Icons and Phosphor's React package each have millions of weekly installs and no release in over a year. Check the date of the latest release on npm, and whether issues asking for new icons get answered.
Then make a list of the twenty icons you'll use most and find every one of them in the set, in the style you want. Mixing two sets to fill the gaps rarely looks right, because stroke widths (1.5px in Heroicons, 2px in Lucide) and corner shapes differ; the guide to outline and filled icons covers how to pair styles within one set instead.
Finally, read the license in the version you install, since Remix Icon shows that it can change. The guide to free icons for commercial use explains what MIT, ISC, Apache 2.0 and CC BY ask of you, and what none of them cover, like brand logos.
Frequently asked questions
What is the best free icon library for React?
Lucide, for most projects: it has an official React package, 1,903 icons, and the most frequent releases of any set here. Choose Phosphor if you need several weights, Tabler if you need more icons, and Heroicons if you're already on Tailwind.
Which free icon library has the most icons?
Among open-source sets, Tabler has the most distinct icons, at 6,238. Phosphor's 9,072 counts each icon once per weight, so it covers fewer concepts, and Hugeicons' free tier has 6,000+ under its own terms. Aggregators like Iconify reach 250,000+ by combining hundreds of sets.
Can I use free icon libraries in commercial projects?
Yes, every set on this page allows commercial use. The conditions differ: Font Awesome Free needs its embedded credit comment left in, Remix Icon and Untitled UI forbid reselling or building a competing set, and brand logos stay the property of their brands whatever the icon license says.
Do I have to credit free icons?
Not for MIT, ISC, Apache 2.0 or CC0 sets in a product; those licenses ask at most that you keep the license notice with copies of the files, not that you show a visible credit. CC BY sets such as Font Awesome Free do require credit, which Font Awesome counts as satisfied by the comment in each file.
Which free icon libraries work in Figma?
Lucide, Tabler, Phosphor and Remix Icon have Figma plugins. Heroicons, Iconoir, Bootstrap Icons and Radix Icons publish Figma community files, and Carbon has IBM's UI Icon Library.
Lucide or Heroicons?
Lucide has six times as many icons, a 2px stroke and new releases; Heroicons has 316 icons, a 1.5px stroke, and separate solid versions drawn for 20 and 16px. If Heroicons covers every icon your product needs, its small-size versions are an advantage; if not, Lucide will run out later.
Is Font Awesome free?
Partly. Font Awesome Free has 2,163 icons under CC BY 4.0 for the icons and MIT for the code, while Font Awesome Pro, a subscription, has 65,928 icons in 36 styles. The paid roundup compares Pro with the other paid sets, and the full roundup puts free and paid side by side.