Heroicons
Beautiful hand-crafted SVG icons by the Tailwind CSS team for web applications.
4.5/ 5
2M+monthly
2020
FreeCompletely free and open sourceOpen Source web
Visit HeroiconsAbout Heroicons
Heroicons is a set of free MIT-licensed high-quality SVG icons created by the makers of Tailwind CSS. It offers 290+ icons in outline and solid variants, perfect for web application interfaces. Each icon is carefully crafted for optimal appearance at 24px. Heroicons comes with React and Vue component packages and is the default icon set for Tailwind UI.
Key Features
- 290+ icons in outline and solid variants
- React and Vue component packages
- Optimized for 24px and 20px sizes
- MIT license for commercial use
- Created by Tailwind CSS team
- Simple copy-paste SVG workflow
Pros
- Completely free and open source
- Created by reputable Tailwind CSS team
- Clean, professional design
- Easy developer integration
Cons
- Very small library (290 icons)
- Limited to web UI use cases
- No animation or customization features
- Single style, limited versatility
Tags
iconsSVGTailwindopen sourceReactUI icons
Alternatives to Heroicons
01Lucide
Beautiful, consistent open-source icon library with 1,400+ icons for web and mobile.Phosphor Icons
Flexible icon family with 1,200+ icons in 6 weights for all platforms and frameworks.More Design & Creative ToolsView All
01Figma
Collaborative interface design tool with AI-powered features and real-time team collaboration.Canva
AI-powered graphic design platform with 2M+ templates for creating professional designs effortlessly.Galileo AI
AI-powered UI design generator that creates polished, high-fidelity screens from simple text prompts.Uizard
AI prototyping tool that turns sketches and prompts into editable UI designs in minutes.UX Pilot
UX-first AI tool for generating wireframes, UX flows, and usability insights with research focus.Khroma
AI color palette generator that learns your preferences to create personalized color combinations.