# Heroicons

- **Website:** <https://heroicons.com>
- **Primary alias:** `heroicons.com`

## Description

Heroicons is a brand that offers a collection of beautiful hand-crafted SVG icons. These icons are created by the makers of Tailwind CSS, a popular CSS framework. With Heroicons v2.0.18, you can enhance your website or application with stunning and customizable icons. Heroicons provides a comprehensive selection of 292 icons, including outline, solid, and mini variations. The outline icons have a 24x24 size with a 1.5px stroke, perfect for primary navigation and marketing sections with an outlined appearance. The solid icons also have a 24x24 size but with a solid fill, ideal for the same sections but with a filled appearance. The mini icons have a 20x20 size and solid fill, great for smaller elements like buttons, form elements, and text support. What makes Heroicons unique is their attention to detail and quality. Each icon is meticulously hand-crafted and designed to ensure visual appeal and seamless integration with various projects. Whether you're working on a personal website, a corporate application, or an e-commerce platform, Heroicons has the perfect icons to elevate your design. Explore Heroicons' extensive collection and leverage their MIT license, React & Vue libraries, and comprehensive documentation to add visual flair to your digital creations. You can also get the Figma File to expedite your design process. Join the growing community of developers and designers who trust Heroicons for their icon needs. Share your creations and spread the word about Heroicons on Twitter.

## Industries

- 🖥 Computers Electronics and Technology
- 🖥 Graphics Multimedia and Web Design _(under Computers Electronics and Technology)_
- 🖥 Programming and Developer Software _(under Computers Electronics and Technology)_

## Links

- [github](https://github.com/tailwindlabs)
- [twitter](https://twitter.com/intent)

## Logos & icons

- logo _(primary)_ — PNG — [download](https://cdn.brandfetch.io/idvwVoTpNe/w/180/h/180/theme/dark/logo.png?c=1bxid64Mup7aczewSAYMX&t=1784355409618)

## Colors

| Name | Hex | Theme |
| --- | --- | --- |
| Ebony | #0f172a | dark |
| White | #ffffff | light |
| Cornflower Blue | #8b5cf6 | accent |

## Fonts

- Inter var — asset _(custom)_

---

_Source: <https://brandfetch.com/heroicons.com>_
_See [/llms.txt](/llms.txt) for a full list of agent-readable pages, and [/auth.md](/auth.md) for how agents authenticate._