Vue Heroicons2

A package to easily make use of Heroicons in your Vue components.

For a full list of available icons see the SVG directory or preview them at heroicons.dev. Heroicons are originally developed by Steve Schoger and Adam Wathan.

Installation

// using npm
npm install vue-heroicons2

// using yarn
yarn add vue-heroicons2

Usage

You can import whatever icons you want

import { OAdjustments, OUsers } from "vue-heroicons2";

Icons can be used a self-closing Vue components which will be compiled to SVG icons:

<o-adjustments/>

You can also pass classes to your icon components:

<o-adjustments classes="w-6 h-6 text-gray-500"/>

The solid icons can be referenced like this:

<s-adjustments/>

Maintainers

Vue Heroicons is developed and maintained by Mosab Ibrahim.