Open-source icon set · UI icons · Mixed

Heroicons 2

324 mixed icons by Tailwind Labs (Refactoring UI), in 4 styles (24 Outline, 24 Solid, 20 Solid (mini), 16 Solid (micro)). MIT: free for commercial use.

324 icons 4 styles · 1,288 files SVG Recolourable MIT · free for commercial use No credit needed

Made by

Tailwind Labs (Refactoring UI), from the npm package heroicons at version 2.2.0. Not our drawings: every icon below loads from the maker's own published files.

Licence

MIT, read from the maker's licence file on 2026-10-10. Keep the copyright and licence notice with copies of the files.

Styles

24 Outline(324), 24 Solid(324), 20 Solid (mini)(324), 16 Solid (micro)(316)

Search Heroicons 2

Size Colour

Showing 96 of 324. Search or scroll for the rest.

Using Heroicons 2 icons

Every icon is a separate SVG file. Copy the markup into your HTML and it scales with width and height; these use currentColor, so they take the colour of the text around them. Or reference the file directly from the maker's package:

<img src="https://cdn.jsdelivr.net/npm/heroicons@2.2.0/24/outline/home.svg"
     alt="home" width="24" height="24">

For the whole set, with its font or React components if the maker ships them, get it from the maker. Looking for something else? Browse every set in UI icons or the whole directory.