vue-eva-icons

Simply beautiful open source icons as Vue components
14,231 192
Install
npm install vue-eva-icons
Latest Version:1.1.1
Vue:2
License:MIT
Last Updated:Feb 8, 2019
Links: GitHub  ·  npm
Maintainer: antonreshetov

Vue Eva Icons

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 -

Related Packages

vue-unicons

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

150,306 1,009
vue-icons-plus

SVG vue icons of popular icon packs using ES6 imports

108,253 65
@boxicons/vue

Vue components for Boxicons

6,378 0
@vue-icons-plus/all-files

SVG vue icons of popular icon packs using ES6 imports

4,499 65

Version History

Version Released Vue License
1.1.1 ^2.5.17 MIT
1.1.0 ^2.5.17 MIT
1.0.0 ^2.5.17 MIT
0.1.5 ^2.5.17 MIT
0.1.4 ^2.5.17 MIT