# Heroicons

> 316 hand-crafted SVG icons from the Tailwind CSS team, in four size variants

Worth exploring: Four variants of the same icon (outline, solid, mini and micro), one for each size of use

Why it works: Four variants of the same icon, one per size, keep the stroke readable from 24 down to 16, so a small icon does not blur.

Watch out: Do not stretch one variant to fit every size. Use mini or micro at small sizes and keep one variant per context.

- Category: UI components (`components`)
- Tags: `free`, `figma`, `react`
- Official: https://heroicons.com
- Wunderlust: https://wunderlust.xyz/r/heroicons
- Image: https://wunderlust.xyz/media/heroicons-og.jpg
- Video preview: https://wunderlust.xyz/media/heroicons.webm
- Added: 2026-11-12

## What it is

A set in Outline (24x24, 1.5px stroke), Solid, Mini and Micro, with React and Vue libraries, copyable SVG and a Figma file. The license is MIT.

## What it’s for

For someone building an interface with Tailwind who wants ready icons for buttons and fields, from size 24 down to 16.

## Benefits

- Four variants: outline, solid, mini and micro
- React and Vue packages and copyable SVG
- A Figma file available

## Caveats

- The set is small, at 316 icons, and the docs live on GitHub.

## Similar on Wunderlust

- [Pixelarticons](https://wunderlust.xyz/r/pixelarticons.md): 5,646 pixel art icons on a 24x24 grid, with 1,036 free under MIT
- [Hugeicons](https://wunderlust.xyz/r/hugeicons.md): 60,000+ icons in 10 styles, with packages for React, Vue and Flutter and Figma and Framer plugins
- [Boxicons](https://wunderlust.xyz/r/boxicons.md): 50K+ icons in Regular, Rounded and Sharp styles, exportable to SVG, PNG, WEBP, React and font
- [Iconsax](https://wunderlust.xyz/r/iconsax.md): Vuesax icons with about 6,000 free and 44,256 premium, plus an MCP server and an AI generator
- [Skiper UI](https://wunderlust.xyz/r/skiper-ui.md): Animated components for shadcn/ui, installed via CLI
- [Magic UI](https://wunderlust.xyz/r/magic-ui.md): 150+ animated components in React, Tailwind and Motion