# vue-feather-icon

> Vue component for feather icon

Latest version **1.2.0** (published 2017-08-08) · MIT license · 0 weekly downloads

## Install

```sh
npm install vue-feather-icon
pnpm add vue-feather-icon
yarn add vue-feather-icon
bun add vue-feather-icon
```

## 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.2.0 |
| Published | 2017-08-08 |
| First published | 2017-06-09 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 0 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 108 |
| Author | mage3k |
| Maintainers | mage3k |
| Keywords | vue, feather, icon, svg |

## Links

- npm: https://www.npmjs.com/package/vue-feather-icon
- Repository: https://github.com/mage3k/vue-feather-icon
- Homepage: https://github.com/mage3k/vue-feather-icon#readme
- Issues: https://github.com/mage3k/vue-feather-icon/issues
- npm.io page: https://npm.io/package/vue-feather-icon

## 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.2.0 (latest) — 2017-08-08
- 1.1.0 — 2017-07-18
- 1.0.2 — 2017-06-09
- 1.0.1 — 2017-06-09
- 1.0.0 — 2017-06-09

## README

# vue-feather-icon

Vue component for [Feather](https://feathericons.com)

## install

```shell
npm install vue-feather-icon
```

## usage

### global component
```javascript
// main.js
import Vue = from 'vue'
import VueFeatherIcon from 'vue-feather-icon'

Vue.use(VueFeatherIcon)
```

```vue
<tempalte>
  <feather-activity></feather-activity>
  <!-- or -->
  <feather-icon type="activity"></feather-icon>
</tempalte>
```


### local component

```vue
<script>
  import { Activity } from 'vue-feather-icon'

  export default {
    components: {
      ActivityIcon: Activity
    }
  }
</script>

<tempalte>
  <activity-icon></activity-icon>
</tempalte>
```

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