Skip to content

The best free icon libraries in 2026, and the fine print on each

A magnifier over a field of icons, showing a heart with a tag tied to it

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 buildingStart withBecause
A React, Vue, Svelte or Angular appLucideOfficial packages for eight frameworks plus plain JavaScript, and a release on the day we checked
A dashboard that needs icons for niche conceptsTabler Icons6,238 icons under MIT, the most distinct icons of any open-source set here
A design system with several weightsPhosphorSix matched weights of every icon, including duotone
An Android app or anything on Material DesignMaterial SymbolsA variable font with fill, weight, grade and optical size axes
A Tailwind siteHeroiconsMade by the Tailwind team, tuned separately for 24, 20 and 16px
A Flutter or SwiftUI appPhosphor or IconoirBoth publish official Flutter and Swift packages
A footer, login screen or integrations pageSimple Icons3,400+ brand logos, which the general sets mostly leave out
A Bootstrap siteBootstrap IconsDrawn on Bootstrap's 16px grid, with a web font and sprite
An enterprise product on IBM CarbonCarbon2,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.

LibraryIconsStylesLicenseLatest releasenpm installs a week
Lucide1,903One outline style, 2px strokeISC21 Oct 202667.1M
Tabler Icons6,238Outline and filled, 2px strokeMIT5 Oct 20262.13M
Phosphor9,072 across 6 weightsThin, light, regular, bold, fill, duotoneMIT22 May 20253.15M
Material Symbols3,800+Outlined, rounded, sharp; variable fill and weightApache 2.021 Oct 2026109K
Heroicons316Outline, solid, mini, microMIT18 Nov 20242.52M
Iconoir1,671Regular and solid, 1.5px strokeMIT12 Aug 2026102K
Remix Icon3,200+Outlined and filledRemix Icon License 1.029 Jan 2026573K
As each library states it, checked on 21 October 2026. Counts aren’t like for like: some count every style of an icon, others count designs. Weekly installs (12–18 Oct) are for each set's main npm package, its React package where it has one.

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.

LibraryIconsStylesLicenseLatest releasenpm installs a week
Bootstrap Icons2,078Outline and fill, 16px gridMIT8 Oct 2026456K
Simple Icons3,400+ brand logosOne solid mark per brandCC0 1.0, trademarks excluded11 Oct 20261.02M
Radix Icons318One style, 15×15 gridMIT14 Nov 20243.24M
Ionicons1,300Outline, filled, sharp, logosMIT28 Jul 2026489K
Carbon2,700+One style, 16 to 32px artboardsApache 2.021 Oct 2026186K
As each library states it, checked on 21 October 2026. Counts aren’t like for like: some count every style of an icon, others count designs. Weekly installs (12–18 Oct) are for each set's main npm package, its React package where it has one.

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.

LibraryIconsStylesLicenseLatest releasenpm installs a week
Hugeicons free6,000+Stroke roundedMIT21 Sep 2026897K
Untitled UI free1,100+Line, 2px strokeUntitled UI license22 Sep 2026232K
Font Awesome Free2,163Solid, regular, brandsCC BY 4.0 + MIT15 Jul 20261.58M
As each library states it, checked on 21 October 2026. Counts aren’t like for like: some count every style of an icon, others count designs. Weekly installs (12–18 Oct) are for each set's main npm package, its React package where it has one.
  • 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.
Stroke
Solid
Duo Stroke
Duo Solid
Contrast
The five styles in the free Pikaicons set. The duotone layers are currentColor at 28% opacity, so they follow your text colour.

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.

LibraryOfficial code packagesFigma
LucideReact, Vue, Svelte, Solid, Angular, Preact, Astro, React Native, JSPlugin
Tabler IconsReact, Vue, Svelte, Solid, Angular, Preact, Astro, React Native, web font, spritePlugin
PhosphorReact, Vue, web, web components, Flutter, SwiftUI, ElmPlugin
Material SymbolsGoogle Fonts CSS; npm packages are community-runNot listed by Google
HeroiconsReact, VueCommunity file
IconoirReact, React Native, Vue, Flutter, SwiftCommunity file
Remix IconReact, Vue, web fontPlugin
Bootstrap IconsSVG, sprite, web fontCommunity file
Radix IconsReactCommunity file
IoniconsWeb component (any framework)Not listed by the project
CarbonReact, VueIBM 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.

Ash