# Heroicons, release history and use on real websites.

An SVG icon set from the makers of Tailwind CSS. Icons are inlined into the HTML, which is why we detect them in the page markup; typical for Tailwind and shadcn/ui sites.

- **Status:** Modern. Actively maintained, two styles (outline, solid) and three sizes; part of the Tailwind ecosystem.
- **Category:** [UI Libraries](https://be1st.ai/technologies/ui)
- **First release:** 2020
- **License:** MIT
- **Latest version:** 2.2.0 (18 Nov 2024)
- **Official website:** https://heroicons.com
- **GitHub:** https://github.com/tailwindlabs/heroicons
- **Page:** https://be1st.ai/technologies/ui/heroicons

## Heroicons on audited websites

14 of the 16,845 websites audited by be1st run Heroicons (<1%). That ranks it #24 of the 25 technologies in UI Libraries we have seen in audits.

### Most used in UI Libraries

1. [Lucide](https://be1st.ai/technologies/ui/lucide): 12% (1,958)
2. [shadcn/ui](https://be1st.ai/technologies/ui/shadcn-ui): 7.7% (1,303)
3. [Radix UI](https://be1st.ai/technologies/ui/radix-ui): 6.6% (1,107)
4. [React Hook Form](https://be1st.ai/technologies/ui/react-hook-form): 5.6% (949)
5. [React Router](https://be1st.ai/technologies/ui/react-router): 5.0% (838)
6. [Redux](https://be1st.ai/technologies/ui/redux): 2.3% (386)
7. [TanStack Query](https://be1st.ai/technologies/ui/tanstack-query): 1.9% (324)
8. [Emotion](https://be1st.ai/technologies/ui/emotion): 1.9% (319)
9. [Three.js](https://be1st.ai/technologies/ui/three-js): 1.7% (285)
10. [Styled Components](https://be1st.ai/technologies/ui/styled-components): 1.5% (258)

## Heroicons versions and release history

3 release lines since 2021, as listed by the npm registry. The latest version is 2.2.0, released 18 Nov 2024.

| Version | Released | Latest release | Releases |
| --- | --- | --- | --- |
| 2 | 23 Aug 2022 | 2.2.0 (18 Nov 2024) | 26 |
| 1 | 29 Mar 2021 | 1.0.6 (2 Mar 2022) | 7 |
| 0.x (before 1.0) | 26 Jan 2021 | 0.1.0 (26 Jan 2021) | 1 |

Sources: [npm registry, package @heroicons/react](https://www.npmjs.com/package/@heroicons/react), checked 8 Nov 2026.

## Other technologies in UI Libraries

- [Chart.js](https://be1st.ai/technologies/ui/chart-js): 1.4% of websites
- [Zod](https://be1st.ai/technologies/ui/zod): 1.3% of websites
- [MUI (Material UI)](https://be1st.ai/technologies/ui/mui): 1.2% of websites
- [Zustand](https://be1st.ai/technologies/ui/zustand): <1% of websites
- [DaisyUI](https://be1st.ai/technologies/ui/daisyui): <1% of websites
- [Chakra UI](https://be1st.ai/technologies/ui/chakra-ui): <1% of websites
- [Headless UI](https://be1st.ai/technologies/ui/headless-ui): <1% of websites
- [Framer Motion](https://be1st.ai/technologies/ui/framer-motion): <1% of websites
- [Ant Design](https://be1st.ai/technologies/ui/ant-design): <1% of websites
- [Mantine](https://be1st.ai/technologies/ui/mantine): <1% of websites
- [Recharts](https://be1st.ai/technologies/ui/recharts): <1% of websites
- [D3.js](https://be1st.ai/technologies/ui/d3-js): <1% of websites

[All 28 in UI Libraries](https://be1st.ai/technologies/ui)

## Questions about Heroicons

### What is Heroicons?

An SVG icon set from the makers of Tailwind CSS. Icons are inlined into the HTML, which is why we detect them in the page markup; typical for Tailwind and shadcn/ui sites. The be1st catalog lists Heroicons under UI Libraries. License of Heroicons: MIT.

### What is the latest version of Heroicons?

The latest version of Heroicons is 2.2.0, released 18 Nov 2024 (source: npm registry, package @heroicons/react).

### How many websites use Heroicons?

14 of the 16,845 websites audited by be1st run Heroicons (<1%), as of 8 Nov 2026.

### When was Heroicons first released?

Heroicons was first released in 2020; the oldest version listed by the npm registry dates from 2021.

### Is Heroicons still a modern choice?

Yes. Heroicons counts as a modern technology. Actively maintained, two styles (outline, solid) and three sizes; part of the Tailwind ecosystem.

### What are the alternatives to Heroicons?

Technologies that do the same job as Heroicons include Lucide and Font Awesome.

Numbers: latest audit of each of 16,845 websites audited by be1st, as of 8 Nov 2026.