Heroicons
Hand-crafted by the Tailwind Labs team, so they visually match anything else built on Tailwind. Npm releases have slowed but the set itself is stable and complete.
What is Heroicons?
Heroicons is a free SVG icon set designed by the same team that builds Tailwind CSS. It exists mainly to solve one specific problem: finding icons that don't visually clash with a Tailwind interface, since spacing, stroke weight, and corner radius are all tuned to match Tailwind's default design language. Anyone building a Tailwind or shadcn-adjacent UI who doesn't want to hand-tune a mismatched icon set reaches for this first.
Key features
- Two styles (outline and solid) at 24px and 20px, plus a "mini" and "micro" variant sized for smaller UI elements
- Ships as plain SVGs, a React package, and a Vue package, so it drops into whatever the frontend stack already is
- Consistent 1.5px stroke weight and corner geometry across the whole set, which is why it reads as cohesive next to Tailwind components
- MIT licensed, so there's no attribution requirement or usage restriction to track
Who it's for
Anyone already using Tailwind who wants icons that look like they were designed for it, because they were. Teams needing a much larger icon library, or icons in a visual style far from Tailwind's default aesthetic, are better served elsewhere.
Pricing
Free and open source.