Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

https://github.com/antonreshetov/vue-eva-icons

Is a pack of more than 480 beautiful open source Eva icons as Vue components
https://github.com/antonreshetov/vue-eva-icons

icons svg svg-icons vue vue-components vue-icons

Last synced: about 2 months ago
JSON representation

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

Lists

README 

        
# Vue Eva Icons



logo of vue-awesome repository



Is a pack of more than 480 beautiful open source [eva icons](https://akveo.github.io/eva-icons) as Vue components



## Demo



[https://antonreshetov.github.io/vue-eva-icons](https://antonreshetov.github.io/vue-eva-icons/)



## Install



### NPM



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



```js

npm i vue-eva-icons

```



### Download



You can download latest version from the Github: [Download](https://github.com/antonreshetov/vue-eva-icons)



## Quick start



### Global



To use in your project, just import vue-eva-icons and install into Vue.



main.js



```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



```html



  



```



### On demand



```html



  



  import { EvaIcon } from 'vue-eva-icons'



  export default {

    components: {

      [EvaIcon.name]: EvaIcon

    }

  }



```



## 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 | -       |