vue svg 图标_Vue.js的高质量SVG图标

vue svg 图标

英雄英雄 (vue-heroicons)

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

一组免费的MIT许可的高质量SVG图标，用于Vue.js开发。

View Demo 查看演示 View Github 查看Github

安装 (Install)

• npm

  npm

  npm i @bytegem/vue-heroicons -S

• yarn

  纱

  yarn add @bytegem/vue-heroicons

使用 (Using)

Global register components：

全局寄存器组件：

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

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

选件 (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.

键	描述
compomnents	Vue组件。 您只能在全局注册部分Heroicons图标组件或自定义Vue组件。
removePrefix	用于从组件名称中删除Heroicons前缀。
onlySolid	仅注册实体样式图标组件。
onlyOutline	仅注册轮廓样式图标组件。

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

只能对其中一个进行设置，仅进行onlysolid和onlyoutline选择，否则将发生意外注册

仅使用单个Icon到Vue组件 (Only using single Icon to Vue Component)

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

export default {
    components: { HeroiconsAnnotationOutline }
};

例 (Example)

<HeroiconsAnnotationOutline />

Or

要么

<heroicons-annotation-outline />

包装尺寸 (Package sizes)

name	size	gzip
heroicons.umd.min.js	181.97 KiB	34.67 KiB
heroicons.umd.js	757.71 KiB	58.13 KiB
heroicons.common.js	757.32 KiB	58.01 KiB

名称	尺寸	gzip
heroicons.umd.min.js	181.97 KiB	34.67 KiB
heroicons.umd.js	757.71 KiB	58.13 KiB
heroicons.common.js	757.32 KiB	58.01 KiB

翻译自: https://vuejsexamples.com/a-high-quality-svg-icons-for-vue-js/

vue svg 图标