Awesome
Vue Eva Icons
<img src="./src/assets/hero.png" alt="logo of vue-awesome repository">Is a pack of more than 480 beautiful open source eva icons as Vue components
Demo
https://antonreshetov.github.io/vue-eva-icons
Install
NPM
Installing with npm is recommended and it works seamlessly with webpack.
npm i vue-eva-icons
Download
You can download latest version from the Github: Download
Quick start
Global
To use in your project, just import vue-eva-icons and install into Vue.
main.js
import Vue from 'vue'
import App from './App.vue'
import EvaIcons from 'vue-eva-icons'
Vue.use(EvaIcons)
new Vue({
render: h => h(App)
}).$mount('#app')
App.vue
<template>
<eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>
On demand
<template>
<eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>
<script>
import { EvaIcon } from 'vue-eva-icons'
export default {
components: {
[EvaIcon.name]: EvaIcon
}
}
</script>
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 |
animation | Type of animation | string | zoom, pulse, shake, flip |
Events
Name | Description | Payload |
---|---|---|
click | Triggered when icon was clicked | - |