1400 多个 Vue 应用程序的 SVG 图标 - v-svg-icons

1400 多个 Vue 应用程序的 SVG 图标 - v-svg-icons
插件名称 v-svg-icons
发布时间 2021年6月9日
插件作者 mehmetsagir

一组 1400 多个 SVG 图标,可用作应用程序中的 Vue 组件。

安装和下载:

# NPM
$ npm i v-svg-icons --save

使用

1、导入注册图标组件库。

import icons from "v-svg-icons";
Vue.component("icon", icons);

2、进入官网,点击图标获取图标名称。

3、在模板中添加图标组件,插入图标名称。

<icon name="flask">

4. 确定图标大小。默认值:50 像素。

<icon name="flask" size="64px">

5. 对图标应用自定义样式。

.flask {
  fill: red;
  background: white;
  width: 128px;
  height: 128px;
}