1000+ SVG pixels are perfect for your next project as Vue components. Vue Unicons is an open-source project and completely free to use.

How to make use of it:

Install and download:

# Yarn
$ yarn add vue-unicons@next

# NPM
$ npm i vue-unicons@next

1. Import icons as components in your application.

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. Add these icons to your app.

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

3. Virtual props to customize icons.

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

Props

Events

See Demo And Download

Official Website(antonreshetov): Click Here

This superior jQuery/javascript plugin is developed by antonreshetov. For extra Advanced Usage, please go to the official website.