DaPotatoMan / vue-next-heroicons

Vue Next HeroIcons

A set of free Hero Icons library made for Vue 3

Install

# npm
npm install vue-next-heroicons

# yarn
yarn add vue-next-heroicons

Usage

// Outline
import { AcademicCap, Annonation, ... } from 'vue-next-heroicons/outline'

// Solid
import { AcademicCap, Annonation, ... } from 'vue-next-heroicons/solid'

Global usage

import { HeroIcons, Outline } from 'vue-next-heroicons'

HeroIcons.register(Outline, true);
createApp(...).use(HeroIcons).mount(...);

Sizing

You can set a custom size using the size prop.
By default, icon size is 1.5x.

For multiple based sizing, pass the desired multiple followed by an x.

<AcademicCap size="1.5x" />

For pixel based sizing, pass an integer

<AcademicCap :size="24" />

Credits

Hero Icons © Tailwind Labs, Released under the MIT License.

Author

vue-next-heroicons © dapotatoman, Released under the MIT License.