Icons

Feather vs Carbon

Feather Icons and Carbon Icons are two of the most widely used open-source icon sets. Both are free, both ship framework packages, and both will look perfectly reasonable in a product UI — which is exactly why the choice is annoying. This page puts the two side by side using the actual artwork and the real numbers.

The short answer

  • Carbon Icons is the broader set: 2,644 icons against 286 in Feather Icons — roughly 824% more coverage, which matters most if you build interfaces that need unusual glyphs.
  • Feather Icons gives you more visual range: 1 variant per concept (outline only), where Carbon Icons ships 1.
  • Both are MIT, so licensing is not a deciding factor here.

Specifications compared

Specification comparison
 Feather IconsCarbon Icons
Icons2862,644
Visual variants per concept1 — outline only1 — outline only
Design grid24×2432×32
LicenseMITApache 2.0
Attribution requiredNoNo
Official React packagereact-feather@carbon/icons-react

Same icons, both libraries

Every pair below is the same concept rendered from each library's own source files. This is the part you cannot get from a written review — the difference in stroke weight, corner rounding and optical size is the thing you will actually notice in your interface.

Feather IconsCarbon Icons 
home
search
settings
user
heart
star
cart
bell
mail
calendar

Which one should you choose?

Pick Feather Icons when

Landing pages, portfolios, marketing sites, and small apps where you need perhaps thirty icons and want them to look calm and deliberate. Feather is also a good teaching reference for icon grid discipline.

Consider otherwise if: For an actively maintained superset with the same aesthetic, use Lucide — it began as a Feather fork and now has 1,979 icons. Iconoir is another minimalist option with far more coverage.

Pick Carbon Icons when

Enterprise software, data and analytics platforms, and products that need to satisfy accessibility review and ship in multiple locales.

Consider otherwise if: For a lighter, more contemporary feel, Lucide and Tabler are easier to work with. Fluent UI is the other major enterprise set, with far more icons.

Coverage

Feather Icons contains 286 icons and Carbon Icons contains 2,644. Feather Icons is the library that defined the modern minimal outline icon. Created by Cole Bemis in 2017, its 286 icons are drawn on a 24×24 grid with a 2px stroke, rounded joins, and no fill — a formula that an entire generation of icon libraries has since copied.

Carbon Icons is IBM's open-source icon library, built as part of the Carbon Design System. The 2,644 icons are drawn on a 32×32 grid — significantly larger than the 24×24 most libraries use — which gives the set a slightly more generous, open feel and room for finer internal detail.

Licensing

Feather Icons is released under MIT. Commercial use, modification and redistribution with no attribution required.

Carbon Icons is released under Apache 2.0. No attribution required, but carries an explicit patent grant and requires notice for modified files.

Using them from IconStash

You do not have to commit to one. IconStash indexes both libraries, so you can search a concept once and see how each set drew it, then export SVG or PNG at any size and colour. Start with Feather Icons or Carbon Icons, or browse every library comparison.

Frequently asked questions

Is Feather or Carbon better for React projects?

Both have first-party React packages: react-feather and @carbon/icons-react. Feather has the smaller catalogue, so for a React app the practical difference is coverage and visual style rather than integration effort. Both tree-shake, so bundle size tracks the number of icons you import, not the size of the library.

Which has more icons, Feather or Carbon?

Feather Icons has 286 icons and Carbon Icons has 2,644. Carbon Icons is larger by about 824%. Raw count is not the whole story though — a 20,000-icon set with many near-duplicate variants can be slower to search than a tightly edited 2,000-icon set.

Can I mix Feather and Carbon in one interface?

You can, but it usually looks wrong. Each library draws to its own grid and stroke weight — Feather uses 24×24 and Carbon uses 32×32 — so icons from both sit slightly differently next to each other. If you must mix them, keep each library to a distinct area of the interface rather than interleaving them in the same toolbar.

What licenses do Feather and Carbon use?

Feather Icons is MIT: Commercial use, modification and redistribution with no attribution required. Carbon Icons is Apache 2.0: No attribution required, but carries an explicit patent grant and requires notice for modified files. Neither requires payment, but attribution rules differ, so check before shipping in a product where credit is inconvenient.

Do Feather and Carbon include filled and outline versions?

Feather Icons offers outline only; Carbon Icons offers outline only. If you need to express selected and unselected states with the same glyph, the library with more variants saves you from importing a second set.

Which is better for small sizes like 16px?

At 16px, stroke weight and counter size matter more than coverage. Feather draws on a 24×24 grid and Carbon on 32×32. Libraries that redraw per size rather than scaling — such as Fluent UI — generally hold up best. The reliable test is to preview both at your actual render size, which you can do on any icon page on IconStash.