← back to all libraries
// COMPARISON

Heroicons vs Lucide Icons (2026)

A detailed comparison of Heroicons and Lucide Icons covering icon count, TypeScript support, bundle size, framework compatibility and more.

Heroicons
292
icons
21,000 stars
VS
Lucide Icons
1,400
icons
12,000 stars

FEATURE COMPARISON

FEATURE
Heroicons
Lucide Icons
Total Icons
292
1,400
GitHub Stars
21,000
12,000
License
MIT
ISC
TypeScript
✓ Yes
✓ Yes
Tree Shakable
✓ Yes
✓ Yes
Figma Plugin
✓ Yes
✓ Yes
Styles
outline, solid, mini
outline
Frameworks
react, vue, nextjs
react, vue, svelte, nextjs

WHICH SHOULD YOU CHOOSE?

CHOOSE HEROICONS IF...
Made by Tailwind team
Multiple styles
High quality
CHOOSE LUCIDE ICONS IF...
Actively maintained
Consistent style
TypeScript support
Tree-shakable

INSTALLATION

Heroicons
npm install @heroicons/react
Lucide Icons
npm install lucide-react

MORE COMPARISONS

Heroicons vs Tabler IconsHeroicons vs Phosphor IconsHeroicons vs Remix IconHeroicons vs Feather IconsHeroicons vs Bootstrap IconsHeroicons vs Radix Icons