nanodepo/heroicons

A set of 450+ free MIT-licensed high-quality SVG icons for you to use in your web projects.

v2.1.4 2024-08-31 20:40 UTC

This package is auto-updated.

Last update: 2025-03-29 01:08:15 UTC


README

Heroicons Heroicons

A set of 288*4 free MIT-licensed high-quality SVG icons for you to use in your web projects.
Available as basic SVG icons and via first-party Laravel, React and Vue libraries.

Browse at Heroicons.com →

Usage

First, install nanodepo/heroicons from composer:

composer require nanodepo/heroicons

Now each icon can be imported individually as a Blade component.

Outline

<x-icon::cube />

Solid

<x-icon::cube type="solid" />

Animate

<x-icon::cog class="w-12 h-12 animate-spin text-blue-400" />

Both icon styles are preconfigured to be stylable by setting the color CSS property, either manually or using utility classes like text-gray-500 in a framework like Tailwind CSS.