Design · Website
Heroicons
Free, open-source SVG icon library created by the Tailwind CSS team
Heroicons is a curated set of over 300 hand-crafted SVG icons created by the makers of Tailwind CSS. It provides clean, standardized UI icons in outline, solid, mini, and micro styles. It offers direct SVG copy-paste, official React and Vue packages, and a dedicated Figma community file.
What it's for
- Copy SVG icons directly into web applications and UI mockups
- Install React or Vue icon components in modern frontend projects
- Incorporate consistent icons into Figma design workflows
Features
- Over 300 hand-crafted icons
- Four distinct visual styles: Outline, Solid, Mini, and Micro
- First-party React and Vue library packages
- Official Figma file available via Figma Community
- MIT open-source license for commercial and personal use
- Designed to match Tailwind CSS design conventions
Pricing
Free and open source under the MIT license
Details
- Type
- Website
- Category
- Design
- Topic
- Icon Libraries
- Open source
- Yes
- Platforms
- Web, Code library
- For
- Frontend developers and UI/UX designers
- Alternative to
- Lucide, Feather Icons, Font Awesome
- Tags
- icons, svg, tailwind, ui, react, vue
Why it was saved
- @zander_supafast: Well-known free icon set for Tailwind-based projects.
- @oykun: Widely used free icon set with Outline, Solid, Mini and Micro variants (24×24, 1.5px stroke for Outline).
Compare
Related
Searchable library of brand and tech SVG logos.
Open-source icon set with over 1,500 symbols in multiple formats.
Open-source icon set designed on a 24x24 grid
Library of over 60,000 icons across multiple visual styles
Open-source library of brand logos and cloud architecture SVG icons.
Over 6,200 free and open-source SVG icons for web projects.
Updated