A pack of more than 480 beautiful open source Eva icons as Vue components

Vue Eva Icons

Simply beautiful open source Eva icons as Vue components.

Install

NPM

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

npm i vue-eva-icons

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>

GitHub