1,366 free MIT-licensed icons on one 24×24 grid, in stroke, two-tone, duotone and fill — set the exact size and stroke you ship, copy as SVG or JSX.
SVGOpen SourceFree+2
keylineicons.com
Heroicons
heroicons.com
Beautiful hand-crafted SVG icons by the makers of Tailwind CSS — 316 MIT-licensed icons in outline, solid, mini and micro styles with React and Vue libraries.
What is Heroicons?
Heroicons is the open-source icon set from the Tailwind CSS team, offering 316 hand-crafted SVG icons in four styles: 24px outline and solid, plus mini and micro sizes for dense interfaces. Every icon is MIT licensed and ships with official React and Vue libraries, a free Figma file and straightforward documentation. It is a natural default for Tailwind-based projects.
Best for
- Tailwind CSS projects needing matching icons
- React and Vue apps via official libraries
- Dense UIs using mini and micro icon sizes
Key features
- 316 hand-crafted SVG icons, MIT licensed
- Outline, solid, mini and micro variants
- Official React and Vue libraries
- Free Figma file
Related resources
keylineicons.com
A free, open-source icon library with 2,700+ handcrafted SVG icons and ready-made packages for React, Vue, Angular, Svelte, Flutter and Figma.
IconsSVGOpen Source+2
reicon.dev
Over 6,200 free, open-source SVG icons with customizable size, color and stroke, plus packages for React, Vue, SolidJS and Figma.
IconsSVGOpen Source+3
tabler.io
Visitopens in a new tab