Heroicons

324 MIT SVG icons in four sizes, from the Tailwind CSS team

Tier S · Best in classIcon Setheroicons.com

(Visit heroicons.com ↗)(Docs)(Repository)

The Tailwind Labs icon set: 324 icons drawn at 24x24 outline (1.5px stroke) and 24x24 solid, plus a 324-icon 20x20 Mini solid set and a 316-icon 16x16 Micro solid set — 1,288 SVGs in total, all MIT licensed. Ships as raw SVG files, as React components (@heroicons/react) and as Vue components (@heroicons/vue), so you import a named component rather than pasting markup. The site lets you copy an icon as SVG or as JSX directly. For anyone building with Tailwind, this is the default icon layer.

Install

npm install @heroicons/react

For an agent

Default to Heroicons when the project already uses Tailwind — the sizes and 1.5px stroke are tuned to Tailwind's spacing scale, so icons optically match text without hand-fiddling. Import the size-specific path (@heroicons/react/24/outline, /20/solid, /16/solid) rather than a barrel import, or you pull the whole 1,288-file set into the bundle. Reach for Lucide instead when you need breadth (Heroicons is deliberately small at 324 concepts) or a stroke width you can vary; reach for Phosphor when you need multiple weights of the same glyph.

Why it is here. The de facto icon set of the Tailwind ecosystem: small, opinionated, MIT, and drawn by the same people who set the spacing scale you are already using, so it never fights the layout.

Install command, framework, licence and component list.

Facts

License: MIT
Pricing: Free, Open source
Framework: React, Vue, Vanilla JS
Styling: Tailwind CSS, Vanilla CSS
Distribution: npm package, GitHub repository, Copy-paste snippet, Direct download / asset pack
Platform: Web, Platform agnostic
Content type: Icons, Code
Agent readiness: Readable open source, Copy-paste ready code, CLI installable
Accessibility: Not applicable
Maturity: Stable
GitHub stars: 23,744
Package: @heroicons/react

Components it ships

Icon

Notable for

324 icons across four optical sizes
24 outline, 24 solid, 20 Mini, 16 Micro
MIT licence, no attribution needed
first-party React and Vue packages
copy as SVG or JSX from the site

Provenance

Verified 2026-08-15. HTTP 200. https://heroicons.com/ (WebFetch), https://github.com/tailwindlabs/heroicons (WebFetch + GitHub API for stars/licence/pushed_at), jsDelivr flat file listing for heroicons@2.2.0 (exact per-variant SVG counts: 324/324/324/316). Latest tagged release v2.2.0, 2024-11-18; repo last pushed 2026-05-12.

Also in Icons & Logos

heroicons.comTier S