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.