# vue-eva-icons

> Simply beautiful open source icons as Vue components

Latest version **1.1.1** (published 2019-04-05) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-eva-icons
pnpm add vue-eva-icons
yarn add vue-eva-icons
bun add vue-eva-icons
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.1.1 |
| Published | 2019-04-05 |
| First published | 2018-11-21 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 3 MB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | yes |
| GitHub stars | 192 |
| Author | Anton Reshetov |
| Maintainers | antonreshetov |
| Keywords | vue, vuejs, vue-component, vue-icons, components, icons |

## Links

- npm: https://www.npmjs.com/package/vue-eva-icons
- Repository: https://github.com/antonreshetov/vue-eva-icons
- Homepage: https://github.com/antonreshetov/vue-eva-icons#readme
- Issues: https://github.com/antonreshetov/vue-eva-icons/issues
- npm.io page: https://npm.io/package/vue-eva-icons

## Dependencies (2)

- [vue](https://npm.io/package/vue.md) ^2.5.17
- [eva-icons](https://npm.io/package/eva-icons.md) ^1.1.0

## Alternatives

- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) — 2.2M weekly downloads
- [roboto-fontface](https://npm.io/package/roboto-fontface.md) — 196.0K weekly downloads
- [@react-native-vector-icons/common](https://npm.io/package/@react-native-vector-icons/common.md) — 150.4K weekly downloads
- [stockfish](https://npm.io/package/stockfish.md) — 27.0K weekly downloads
- [@procore/core-icons](https://npm.io/package/@procore/core-icons.md) — 4.6K weekly downloads

## Recent versions

- 1.1.1 (latest) — 2019-04-05
- 1.1.0 — 2018-12-12
- 1.0.0 — 2018-12-06
- 0.1.5 — 2018-11-21
- 0.1.4 — 2018-11-21
- 0.1.3 — 2018-11-21
- 0.1.2 — 2018-11-21
- 0.1.1 — 2018-11-21
- 0.1.0 — 2018-11-21

## README

# 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](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
<template>
  <eva-icon name="github" animation="pulse" fill="limegreen"></eva-icon>
</template>
```

### On demand

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

---
_Source: https://npm.io/package/vue-eva-icons · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._