gurindersingh / vue-unicons

1000+ Pixel-perfect svg icons for your next project as Vue components

1000+ Pixel-perfect svg unicons for your next project as Vue components

Demo

https://antonreshetov.github.io/vue-unicons

Install

NPM

Installing with npm is recommended and it works seamlessly with webpack.

npm i vue-unicons

Download

You can download latest version from the Github: Download

Quick start

Global

To use in your project:

1. Import vue-unicons
2. Grab the icons you want and add then into Unicon library
3. Install Unicon into Vue

main.js

import Vue from 'vue'
import App from './App.vue'
import Unicon from 'vue-unicons'
import { uniConstructor, uniChat } from 'vue-unicons/src/icons'

Unicon.add([uniConstructor, uniChat])
Vue.use(Unicon)

new Vue({
  render: h => h(App)
}).$mount('#app')

App.vue

<template>
  <unicon name="constructor" fill="royalblue"></unicon>
  <unicon name="chat" fill="limegreen"></unicon>
</template>

Props

Name	Description	Type	Accepted values
name	Icon name	string	-
width	Width of icon	string	-
height	Height of icon	string	-
fill	Fill color of icon	string	HEX or color name

Events

Name	Description	Payload
click	Triggered when icon was clicked	-

License

Vue Unicons licensed under MIT.

Unicons licensed under Apache 2.0