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: 5 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/antonreshetov/vue-eva-icons
• Owner: antonreshetov
• License: mit
• Created: 2018-11-21T11:07:00.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2019-02-08T08:33:14.000Z (about 6 years ago)
• Last Synced: 2025-01-31T00:07:57.078Z (15 days ago)
• Topics: icons, svg, svg-icons, vue, vue-components, vue-icons
• Language: Vue
• Homepage: https://antonreshetov.github.io/vue-eva-icons/
• Size: 906 KB
• Stars: 197
• Watchers: 6
• Forks: 5
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

• awesome-github-repos - antonreshetov/vue-eva-icons - Is a pack of more than 480 beautiful open source Eva icons as Vue components (Vue)
• awesome-starred - antonreshetov/vue-eva-icons - Is a pack of more than 480 beautiful open source Eva icons as Vue components (vue)

README

        
# Vue Eva Icons



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