lineicons

Access a free library of 316 hand-crafted SVG icons in four distinct styles. Includes official React and Vue libraries for easy integration. MIT licensed.

Heroicons is a set of 316 beautiful, hand-crafted SVG icons created by the team behind Tailwind CSS. These icons are designed with a focus on quality and consistency, making them a perfect addition to any modern web project. They are available in four distinct styles to fit various design needs:

Outline: Clean and simple 24x24 icons with a 1.5px stroke.
Solid: Filled icons for a bolder look.
Mini: A smaller 20x20 solid variant for compact UIs.
Micro: A tiny 16x16 solid variant for the smallest of spaces.

All icons are released under the generous MIT license, making them completely free for personal and commercial use. Official React and Vue libraries are also provided for seamless integration into your projects.

Categories:

Icon Library

Coming soon

Reach our audience of developers and boost your sales.

Advertise on Mainstream

Featured projects

Mainstream is made possible by the following supporters:

Similar to lineicons

View all tools

Radix Icons

Pixel-perfect 15x15 icons as React components.

Icon Library

Get a crisp set of 15x15 open-source icons for your project. Install them from npm and use them directly as individual React components for clean UI design.

Phosphor

Flexible icons for interfaces, diagrams, and presentations.

Icon Library

Access a flexible, open-source icon family for your interfaces, diagrams, and presentations. Choose from multiple weights to perfectly match your design.

Lucide

Your toolkit for beautiful and consistent icons.

Icon Library

Get a beautiful and consistent icon toolkit made by the community. Access over 1600 lightweight, customizable, and tree-shakable SVG icons for your projects.