What is Heroicons?
Heroicons is a set of hand-crafted SVG icons made by the creators of Tailwind CSS. Every icon comes in outline, solid, mini and micro styles designed for different sizes.
Hover over an icon to copy its SVG or JSX code. The icons are MIT licensed and work great with Tailwind classes.
License and usage
Yes. Heroicons is released under the MIT license, which allows commercial use without attribution.
Check the license. Licenses can change, and some items inside a library have their own terms. Always confirm the license on the original website before using a resource in your project.
What you get
- Outline, solid, mini and micro styles
- Copy SVG or JSX with one click
- React and Vue packages
- MIT license
Pros
- High-quality, consistent design
- Multiple sizes and styles
- Perfect fit for Tailwind projects
Cons
- Smaller set than some libraries
- Not many brand or niche icons
Best for
Tailwind CSS projectsWeb app interfacesButtons and navigation
Heroicons FAQ
Is Heroicons free?
Heroicons is free and open source under the MIT license.
Can I use Heroicons for commercial projects?
Yes. Heroicons is released under the MIT license, which allows commercial use without attribution.
Do I need an account to download from Heroicons?
No. You can browse heroicons.com and download without signing up.
What are some alternatives to Heroicons?
Other free options include Lucide, Phosphor Icons, Tabler Icons, Iconoir and Hugeicons.