# 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.

Website: https://heroicons.com/

## What it is 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](https://xiry.app/topics/design.md)
- Topic: [Icon Libraries](https://xiry.app/topics/design/icon-libraries.md)
- 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, 17 September 2024](https://x.com/zander_supafast/status/1836024015778918554): Well-known free icon set for Tailwind-based projects.
- [@oykun, 23 July 2025](https://x.com/oykun/status/1947985656996651186): Widely used free icon set with Outline, Solid, Mini and Micro variants (24×24, 1.5px stroke for Outline).

## Compare

- [Alternatives to Feather Icons](https://xiry.app/alternatives/feather-icons.md)
- [Alternatives to Font Awesome](https://xiry.app/alternatives/font-awesome.md)
- [Alternatives to Lucide](https://xiry.app/alternatives/lucide.md)

## Related

- [svgl](https://xiry.app/resources/svgl-2221): Searchable library of brand and tech SVG logos. (Website, Free)
- [CoreUI Icons](https://xiry.app/resources/coreui-icons): Open-source icon set with over 1,500 symbols in multiple formats. (Website, Open source)
- [Feather Icons](https://xiry.app/resources/feather-icons): Open-source icon set designed on a 24x24 grid (Website, Open source)
- [Hugeicons](https://xiry.app/resources/hugeicons): Library of over 60,000 icons across multiple visual styles (Website, Freemium)
- [theSVG](https://xiry.app/resources/thesvg): Open-source library of brand logos and cloud architecture SVG icons. (Web app, Free)
- [Tabler Icons](https://xiry.app/resources/tabler-icons): Over 6,200 free and open-source SVG icons for web projects. (Website, Open source)

Updated 10 October 2026. Page: https://xiry.app/resources/heroicons

Make your own library: Xiry takes your saved reels, tweets, Reddit bookmarks and Watch Later videos, makes them searchable and pulls the useful stuff out, like this library. It's invite-only for now; join the waitlist at https://xiry.app/#waitlist.