Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS.
Wide Variety of Icons
Choose from 316 unique and beautifully crafted SVG icons.
MIT License
Free to use and modify for both personal and commercial projects.
React & Vue Libraries
Easily integrate icons into your React or Vue applications.
Comprehensive Documentation
Access detailed guides and resources to help you implement icons effectively.
Heroicons offers a collection of hand-crafted SVG icons made specifically for modern web design. Designed by the creators of Tailwind CSS, these icons maintain a clean and aesthetic look that complements various user interfaces. The icons are available in different styles, including Outline, Solid, and Mini, allowing for flexibility in design usage.
Each icon is designed with precision and is available in a 24x24 size with a 1.5px stroke. The SVG format ensures that icons are scalable without losing quality, making them perfect for responsive design.
Web applications that need a cohesive icon set for navigation and functionality.
Mobile applications requiring lightweight and scalable icons.
Design projects looking for high-quality icons to enhance UI/UX.
Heroicons are available under the MIT license.
Yes, you can use Heroicons freely in both personal and commercial projects.
Yes, Heroicons provide dedicated libraries for easy integration into React and Vue applications.
