Heroicons
Beautiful hand-crafted SVG icon set from Tailwind Labs available for React and Vue.
UI components and icons npm MIT
Used in agent projects
243
1.9% of 12,697 public repos built with AI coding agents
Rank in ui components and icons
#13 of 75
by use in those projects
Downloads
4.1M
npm, last 7 days, @heroicons/react
GitHub stars
23.9K
last push May 12, 2026
How Heroicons is used
Heroicons is a dependency in 243 of the 12,697 public GitHub projects set up for AI coding agents that we scanned (1.9%), #13 of 75 in ui components and icons. The most used alternative there is Lucide React. Projects that use it most often also use Tailwind CSS (97.1%), Next.js (75.3%), React (95.1%). It is more common in projects set up for Roo Code (7.1%) than for Claude Code (1.0%).
Often used with Heroicons
| Tailwind CSS | 97.1% of Heroicons projects · 2.8× more than average |
|---|---|
| Next.js | 75.3% of Heroicons projects · 3.3× more than average |
| React | 95.1% of Heroicons projects · 2.2× more than average |
| ESLint | 85.6% of Heroicons projects · 2.2× more than average |
| Headless UI | 41.2% of Heroicons projects · 24.9× more than average |
| Framer Motion | 46.9% of Heroicons projects · 3.5× more than average |
| React Icons | 35.8% of Heroicons projects · 6.6× more than average |
| TypeScript | 85.6% of Heroicons projects · 1.5× more than average |
By coding agent
| Cursor | 2.1% of projects set up for it |
|---|---|
| Claude Code | 1.0% of projects set up for it |
| GitHub Copilot | 1.0% of projects set up for it |
| Roo Code | 7.1% of projects set up for it |
| Devin Desktop | 2.6% of projects set up for it |
| Gemini CLI | 1.6% of projects set up for it |
Share of public repos configured for each agent that list Heroicons as a dependency.
Install
| Package | npm install @heroicons/react |
|---|---|
| Packages counted | @heroicons/react, @heroicons/vue |
| Main stacks | Next.js (180), TypeScript / JavaScript (54), PHP (6), Python (3) |
| Example projects | theskeletoncrew/treat-toolbox, sourcegraph/docs, exitatmosphere/Solana-Token-Creator, devstack-be/nuxt-saas-stripe-starter, Bonfida/swap-ui |
Alternatives to Heroicons
| Tool | Used in agent projects | Downloads / wk | GitHub stars | License |
|---|---|---|---|---|
| Lucide React npm Comprehensive icon library with consistent design for React applications. |
2,519 (19.8%) | 108M | 24.9K | ISC |
| Class Variance Authority npm Type-safe CSS class composition for component variants and styling. |
1,791 (14.1%) | 66.3M | 6,903 | Apache-2.0 |
| Radix UI npm Unstyled, accessible component primitives for building design systems. |
1,519 (12.0%) | 182M | 19.4K | MIT |
| Sonner npm Opinionated toast notification component for React applications. |
1,025 (8.1%) | 49.6M | 13K | MIT |
| React Icons npm Popular icon packs imported as React components with ES6. |
688 (5.4%) | 8.8M | 12.7K | MIT |
| cmdk npm Command menu component library for React applications. |
687 (5.4%) | 42.2M | 13K | MIT |
| React Day Picker npm Flexible and customizable date picker component for React. |
675 (5.3%) | 42.8M | 6,859 | MIT |
| Vaul npm Unstyled, accessible drawer component for React with smooth animations. |
582 (4.6%) | 35M | 8,638 | MIT |