Heroicons
Hand-drawn SVG icons from the Tailwind CSS team, in outline and solid, sized for real interfaces.
- Category
- Icons
- Cost
- Free and open source, commercial use allowed
- Website
- heroicons.com
What Heroicons is
Heroicons is a small, opinionated set rather than an encyclopedia. It covers what an interface actually needs — navigation, actions, status — and stops there, which is why it never feels inconsistent.
The icons come in several sizes drawn separately rather than scaled, so a 20px icon is not a shrunken 24px one and stays legible at small sizes.
Good for
- Tailwind CSS projects, where it matches the design language out of the box
- Admin panels and dashboards
- Anywhere you need small icons that stay readable
Worth knowing
- The set is deliberately small — for a niche icon you will end up mixing in another family.
- Use the size that is drawn for your context instead of scaling a larger one down.