Heroicons for Vue.js - Free, Open source icons

A set of free MIT-licensed high-quality SVG icons for Vue.js development.

Install

Global register components：

import Vue from 'vue';
import Heroicons from '@bytegem/vue-heroicons';

Vue.use(Heroicons /* , options */);

Key	Desc
`compomnents`	Vue Components. You can only register part of the Heroicons icon component globally or a custom Vue component.
`removePrefix`	Used to remove the `Heroicons` prefix from the component name.
`onlySolid`	Register only solid style icon components.
`onlyOutline`	Register only outline style icon components.

Only one of them can be set for onlysolid and onlyoutline selection, otherwise unexpected registration will occur

import { HeroiconsAnnotationOutline } from '@bytegem/vue-heroicons';

export default {
    components: { HeroiconsAnnotationOutline }
};

<HeroiconsAnnotationOutline />

<heroicons-annotation-outline />

size	gzip
219.3 kB	39.9 kB

The MIT license