Lucide React
SVG icon library for React, community fork of Feather Icons. ~1700+ stroke icons on 24×24 grid, full tree-shaking (~1KB gzip per icon), native TypeScript. ~23.7k GitHub stars, ~30M npm weekly downloads. Default icon library for shadcn/ui.
Strengths
- 1700+ consistent stroke icons, 24×24 grid, rounded caps, uniform weight
- Full tree-shaking: only ~1KB gzip per imported icon, no bundle bloat
- Default icon for shadcn/ui, guaranteed visual consistency with design system
- Customizable props: size, color, strokeWidth, className, no CSS wrapper needed
Limitations
- Stroke only, no filled/solid variants like Heroicons or Phosphor
- Fewer icons than React Icons (40K+), but consistency > quantity
Best for
- Any React project using shadcn/ui or Tailwind CSS
- Apps with strict bundle budget, granular per-icon tree-shaking