Heroicons

Spec sheet

Purpose

Heroicons is a set of hand-crafted SVG icons for user interfaces.Read 11 Oct 2026 · heroicons.com

License

The site lists an MIT license for Heroicons.Read 11 Oct 2026 · heroicons.com

Available styles and sizes

The React and Vue libraries include 24px outline and solid icons, plus 20px and 16px solid icons.Read 11 Oct 2026 · github.com

Contribution scope

The project README says contributions are currently limited to bug fixes and that it is not accepting new icons or support for other frameworks.Read 11 Oct 2026 · github.com

Figma

The site links to a Figma file for Heroicons.Read 11 Oct 2026 · heroicons.com

Icon count

The site lists 316 icons.Read 11 Oct 2026 · heroicons.com

Icon libraries

Heroicons offers React and Vue libraries.Read 11 Oct 2026 · heroicons.com

React integration

The README documents installing @heroicons/react and importing icons individually as React components.Read 11 Oct 2026 · github.com

Search

The site provides a search field to search all icons.Read 11 Oct 2026 · heroicons.com

Styling

The README says both icon styles can be styled through the CSS color property.Read 11 Oct 2026 · github.com

SVG usage

The project README says icons can be copied from the site and inlined directly into HTML.Read 11 Oct 2026 · github.com

Vue integration

The README documents installing @heroicons/vue and importing icons individually as Vue components.Read 11 Oct 2026 · github.com

Warranty

The MIT license provides the software as is without warranty.Read 11 Oct 2026 · github.com

Plans and prices

Every Heroicons plan and price →

Where Specifiction places it

• Icon Libraries#20 of 467.6