Heroicons
heroicons.com
Hand-crafted MIT-licensed SVG icons by the Tailwind CSS team, available in outline and solid variants — optimized for web interfaces.
Heroicons is a set of hand-crafted SVG icons made by the team behind Tailwind CSS. The set comes in several styles, including outline, solid, mini and micro sizes, and you can copy any icon as SVG or JSX, or use it through a package.
The icons are free to use in personal and commercial projects. They suit web and app interfaces, especially those built with Tailwind, and they share a consistent look. There is a small set of general interface icons, not a huge library, so for specialised symbols you may need another source.
Why it is useful
Heroicons are designed to the same grid and aesthetic principles as Tailwind CSS, integrating naturally with Tailwind projects without stylistic friction. The SVG quality is unusually clean and the MIT license makes them appropriate for any commercial project.
More in Creative Tools
Other creative tools you might not have heard of.
- SynthesiaGenerates AI avatar videos from a text script — no camera, actor, or studio required — in over 140 languages.
- Scribble MapsDraw and annotate custom maps with layers, routes, and location data.
- Google FontsA free library of over 1,500 open-source font families from Google, browsable and downloadable for use in any project with no licensing fees.
- ambientCGA large library of free CC0 PBR textures, HDRI lighting maps and 3D models for use in games, animation and visualisation.
- SeamlessifySeamlessify makes seamless, tileable patterns and textures for design and AI workflows.
- EraseNoiseRemove background noise from audio and video online. Upload an MP4 or MOV directly, hear a free 30-second preview, and get the same video back with the picture untouched.