Vue 2/3 SVG图标1000+ – Unicons

Vue 2/3 SVG图标1000+ – Unicons
插件名称 vue-unicons
版本号 v3.2.0
发布时间 2021年3月8日
插件作者 antonreshetov

vue-unicons

ue组件,可让您将Unicons图标用作Vue 3或Vue 2项目中的组件。

安装和下载:

如何使用(Vue 3):

1.将图标作为组件导入到您的应用程序中。

import { createApp } from 'vue'
import Unicon from 'vue-unicons'
import { uniAbacus, uniAccessibleIconAlt, uniAdjustCircle } from 'vue-unicons/src/icons'
Unicon.add([uniAbacus, uniAccessibleIconAlt, uniAdjustCircle])
createApp(App).use(Unicon).mount('#app')

2.将这些图标添加到您的应用程序。

<unicon name="abacus" fill="royalblue" />
<unicon name="accessible-icon" fill="deeppink" icon-style="monochrome" />

3.默认道具可自定义图标。

name: {
  type: String,
  default: ''
},
iconStyle: {
  type: String,
  default: 'line' // or 'monochrome'
},
width: {
  type: [String, Number],
  default: 24
},
height: {
  type: [String, Number],
  default: 24
},
fill: {
  type: String,
  default: 'inherit'
},
viewBox: {
  type: String,
  default: '0 0 24 24'
}

变更日志:

v3.2.0(03/30/2021)

  • 添加“悬停填充”属性

v3.0.0(03/10/2021)

  • Vue 3支持