Web Dev Tools

Icons

Icon libraries that work well in component-driven UIs.

React-native libraries

  • Lucide — the de-facto default with shadcn/ui. Fork of Feather, ~1500 icons, MIT.
  • Heroicons — Tailwind Labs' icon set; outline/solid/mini/micro variants.
  • Phosphor — large set with multiple weights (thin, light, regular, bold, fill, duotone).
  • Tabler Icons — 5000+ icons, very consistent.
  • Radix Icons — minimal set from the Radix team.
  • Mynaui Icons, Hugeicons, Iconoir — newer entrants worth a look.

Universal / on-demand

  • Iconify — 200,000+ icons across 180+ icon sets, accessible via @iconify/react, unplugin-icons, etc. The everything-bagel of icon libraries.
  • unplugin-icons — Vite/webpack plugin that imports any Iconify icon as a tree-shakeable component.

Logos / brand marks

  • Simple Icons — brand SVGs (~3000 brands) in MIT/CC0.
  • Devicon — programming language and framework logos.

Pick this if…

  • Default new React project: Lucide.
  • Need brand logos (Twitter, GitHub, Stripe, etc.): Simple Icons.
  • Multi-framework / Astro / Vue / mixed: Iconify.
  • You want one consistent style across the entire app: Phosphor or Tabler.

On this page