Beautiful hand-crafted icons by Tailwind. Outline and solid.
What is Heroicons?
Beautiful hand-crafted icons by Tailwind. Outline and solid. See it in our Design Tools collection.
Key benefits
- Heroicons helps you design or prototype interfaces faster than starting from scratch.
- Heroicons supports modern product design workflows, from early exploration through handoff.
- Teams can use Heroicons alongside tools like Figma, Webflow, or Framer for a more complete design stack.
Use cases
- Using Heroicons during early sketching and wireframing for a new product or feature.
- Relying on Heroicons to maintain design systems, component libraries, or tokens.
- Pairing Heroicons with your dev stack so handoff to engineering is smoother.
About Heroicons
Beautiful hand-crafted icons by Tailwind. Outline and solid.
Heroicons appears in The Stash under the design tools category so you can quickly understand what it does, when to use it, and where it fits into your workflow.
Sources & further reading
- icons
- tailwind
- outline
- solid
Similar resources in Design Tools
More design tools to explore.
Comments