Skip to content
store
H

Heroicons

Beautiful hand-crafted SVG icons, by the makers of Tailwind CSS

Launch
#541in Design
–In stores

Description

Heroicons offers a collection of 300+ free, MIT-licensed SVG icons designed for web projects. Available in outline, solid, and mini styles,…

Preview

Heroicons screenshot 1

Information

People also visit

Apps people often open alongside Heroicons.

See all

Canva

Design anything, publish anywhere

4.8
DesignLaunch

Figma

Design, prototype, collaborate

4.9
Editor's ChoiceLaunch

Excalidraw

Hand-drawn whiteboard

4.9
Editor's ChoiceLaunch

tldraw

Infinite canvas for ideas

4.9
NewLaunch
L

Lens Studio

Create a Snapchat Lens with AI chat on Easy Lens

DesignLaunch
L

Linkedin

LinkedIn Brand Resources

DesignLaunch

Heroicons FAQ

What is Heroicons?

Heroicons offers a collection of 300+ free, MIT-licensed SVG icons designed for web projects. Available in outline, solid, and mini styles, each icon is optimized for 24x24 and 20x20 sizes. Copy as SVG or JSX with one click, or install via npm for React and Vue.

Do I need to download Heroicons?

No. Heroicons runs in your browser at heroicons.com, so there's nothing to install.

What are the best Heroicons alternatives?

Popular alternatives to Heroicons include Canva, Figma and Excalidraw. See all Heroicons alternatives