What it is

Hand-drawn SVG icon set from the Tailwind CSS team, supplied in four cuts: 24px outline, 24px solid, 20px solid and 16px solid, each optically drawn for its size rather than scaled down. Official React and Vue packages ship every icon as a component.

Why it earns a slot

The default when you are already in Tailwind — stroke weights and sizes line up with Tailwind's spacing scale, so icons sit correctly beside text without nudging.

Know before you commit

The set is deliberately small and UI-focused, so niche and brand icons are missing. Fill gaps from Phosphor or Iconify rather than mixing in a set with a different stroke weight.

Getting started

npm i @heroicons/react

Field notes

0 from the community

Sign in to add a field note. Reading is always open.

Loading notes…

Field check

Unverified

Sign in to confirm this entry is still accurate.

Pricing snapshot

Free · MIT licensed

Snapshots move fast — verify at checkout, and post a field note if it changed.

Drop into your Lovable chat

Evaluate Heroicons (https://heroicons.com) for this project, then use it only if it fits what we are already building.
Context: MIT UI icon set. Hand-drawn SVG icon set from the Tailwind CSS team, supplied in four cuts: 24px outline, 24px solid, 20px solid and 16px solid, each optically drawn for its size rather than scaled down. Official React and Vue packages ship every icon as a component.
Reviewer notes (general, not written for this codebase): The default when you are already in Tailwind — stroke weights and sizes line up with Tailwind's spacing scale, so icons sit correctly beside text without nudging.
Watch out for: The set is deliberately small and UI-focused, so niche and brand icons are missing. Fill gaps from Phosphor or Iconify rather than mixing in a set with a different stroke weight.
Pricing: Free · MIT licensed
Setup: npm i @heroicons/react
Rules: treat the notes above as background only. Do not assume a theme, style, layout or feature that is not already in this project — inspect the existing code first and ask me before changing visual direction.

/api/public/tools/heroicons