Heroicons
Beautiful hand-crafted SVG icons by the makers of Tailwind CSS, available in outline, solid, and mini styles for React and Vue.
Heroicons offers over 300 free SVG icons in three styles, outline, solid, and mini, all designed on a consistent 24×24 grid. As the official icon set of Tailwind CSS, they integrate perfectly with utility-first workflows.
Useful for Tailwind CSS projects where visual consistency matters. Use outline icons for nav bars and form controls, solid icons for primary actions, and mini icons for dense UIs like data tables and breadcrumbs.
URL
https://heroicons.com/Recommended tools
Haikei
Online SVG generators for creating blob shapes, waves, gradients, and abstract backgrounds, export as SVG or PNG, no sign-up needed.
Phosphor Icons
Flexible icon family with 1,400+ icons in 6 weights (thin, light, regular, bold, fill, duotone), consistent, pixel-perfect, and framework-agnostic.
Figma
Collaborative browser-based UI/UX design tool with vector editing, prototyping, component libraries, and Dev Mode for handoff.