Free icon libraries for UI design

11 picks · Updated

A good UI icon set is consistent: same grid, same stroke, same corner style. Mixing two sets almost always shows, so pick one that covers what your product needs and stick to it.

Every set below can be used in commercial work. The license or terms are named on each pick.

  1. Neat Icons previewSponsor

    Neat Icons

    1,104 icons in 4 styles on one 24px grid. Figma components, SVG files and an MCP server so AI agents can paste icons. 200 free.

    1. Neat Icons

    Neat Icons has 1,104 icons in four styles, Rounded and Sharp, each in Stroke and Solid, all on one 24px grid. Switching style never moves anything, so a whole product stays consistent. 200 icons are free, commercial use included. The full set adds Figma components, a React package and an MCP server, so AI agents like Claude and Cursor can search and paste icons for you.

    Good for: One set in four matching styles, plus AI agents

    Visit Neat IconsDetails
  2. Lucide preview

    Lucide

    Beautiful & consistent open-source icons, a Feather community fork.

    2. Lucide

    Lucide started as a community fork of Feather and kept growing. Clean outline icons on a 24px grid, packages for React, Vue, Svelte and more, and a big active set. A safe default for most products. License: ISC.

    Good for: A default outline set for apps

    Visit LucideDetails
  3. Phosphor Icons preview

    Phosphor Icons

    A flexible icon family with 9000+ icons across six weights.

    3. Phosphor Icons

    Phosphor comes in six weights, from thin to fill, plus duotone. That range makes it easy to keep one family across a product and a marketing site. License: MIT.

    Good for: One family in several weights

    Visit Phosphor IconsDetails
  4. Tabler Icons preview

    Tabler Icons

    Over 5000 free MIT-licensed high-quality SVG icons.

    4. Tabler Icons

    Tabler Icons is a large outline set with filled versions for many icons. The size of the set means you rarely run out, which matters for dashboards and admin tools. License: MIT.

    Good for: Dashboards and admin tools

    Visit Tabler IconsDetails
  5. Heroicons preview

    Heroicons

    Hand-crafted SVG icons by the makers of Tailwind CSS.

    5. Heroicons

    Heroicons is made by the Tailwind CSS team. It is smaller than the others, but every icon is polished and it comes in outline, solid and mini sizes. License: MIT.

    Good for: Tailwind projects

    Visit HeroiconsDetails
  6. Iconoir preview

    Iconoir

    A free library of 1500+ open-source, high-quality SVG icons.

    6. Iconoir

    Iconoir is a clean outline set with a light, friendly look. Packages for React and other frameworks, plus Figma. License: MIT.

    Good for: Light, friendly outline icons

    Visit IconoirDetails
  7. Material Symbols preview

    Material Symbols

    Google's huge set of variable icon fonts, free to use.

    7. Material Symbols

    Google's Material Symbols are variable icons: you can change weight, fill, grade and size with font settings. Huge coverage. They look like Google products, so they fit best in Material style apps. License: Apache 2.0.

    Good for: Material style apps and Android

    Visit Material SymbolsDetails
  8. Bootstrap Icons preview

    Bootstrap Icons

    Free, high-quality open-source icons from the Bootstrap team.

    8. Bootstrap Icons

    Bootstrap Icons is a large, plain set from the Bootstrap team, usable as SVG or an icon font. Works fine outside Bootstrap too. License: MIT.

    Good for: Plain icons with an icon font option

    Visit Bootstrap IconsDetails
  9. Feather Icons preview

    Feather Icons

    Simply beautiful open-source icons, the original.

    9. Feather Icons

    Feather is the original simple outline set that Lucide grew from. It is small and not very active now, but if you only need the basics it is still clean. License: MIT.

    Good for: A small set of basic icons

    Visit Feather IconsDetails
  10. Simple Icons preview

    Simple Icons

    3000+ free SVG icons for popular brands.

    10. Simple Icons

    Simple Icons is for brand logos: thousands of company and product marks as SVG. The icons are CC0, but the brands are trademarks, so follow each brand's own rules.

    Good for: Brand and company logos

    Visit Simple IconsDetails
  11. Iconify preview

    Iconify

    200,000+ open-source vector icons from 150+ icon sets.

    11. Iconify

    Iconify is not one set but a way to use many: it gives you one place to search and load icons from a long list of open sets. Good for finding an icon fast. Check the license of the set each icon comes from.

    Good for: Searching across many open sets

    Visit IconifyDetails

Questions

Which free icon library is best for React?
Lucide and Phosphor both have well kept React packages and are easy to tree-shake. Heroicons is a good choice if you already use Tailwind.
Can I use these icons in commercial projects?
Yes, all of them use open licenses that allow commercial use. Brand icons from Simple Icons are the exception to think about: the logos are trademarks of their owners.
Should I mix icon sets?
Try not to. Different grids and stroke widths show up side by side. Pick one set that covers your needs and draw or request the few missing icons in the same style.

Browse the full category

All Icons

More guides