vue-feather

Feather icons component for Vue 3. For Vue 2, check out the v1 branch.

• Docs
• Demo

Main files

dist/
├── vue-feather.js         (UMD, default)
├── vue-feather.min.js     (UMD, compressed)
├── vue-feather.esm.js     (ECMAScript Module)
├── vue-feather.esm.min.js (ECMAScript Module, compressed)
└── vue-feather.d.ts       (TypeScript Declaration File)

Getting started

Installation

Using npm:

npm install vue@3 feather-icons@4 vue-feather@2

Using pnpm:

pnpm add vue@3 feather-icons@4 vue-feather@2

Using Yarn:

yarn add vue@3 feather-icons@4 vue-feather@2

Using CDN:

<script src="https://unpkg.com/vue@3"></script><!-- Vue.js is required -->
<script src="https://unpkg.com/feather-icons@4"></script><!-- Feather is required -->
<script src="https://unpkg.com/vue-feather@2"></script>

Usage

import { createApp } from 'vue';
import VueFeather from 'vue-feather';

const app = createApp({});

app.component(VueFeather.name, VueFeather);

<vue-feather type="feather"></vue-feather>

Browser support

Same as Vue 3.

Versioning

Maintained under the Semantic Versioning guidelines.

License

MIT © Chen Fengyuan

2.0.0 (2022-02-07)

2.0.0-rc.1 (2021-10-23)

Bug Fixes

• size values with rem units are invalid in Safari (65cdf4a), closes #13

2.0.0-rc (2021-06-12)

2.0.0-beta.1 (2021-04-24)

Bug Fixes

• use the innerHTML property to render icon content (#9) (a08bef5)

2.0.0-beta (2021-01-23)

Features

• add a default value to the type prop (8d68c63)

2.0.0-alpha (2021-01-21)

• refactor!: upgrade to Vue 3 (669dae8)

BREAKING CHANGES

• drop support for Vue 2.

1.1.1 (2020-11-14)

Bug Fixes

• inherit missing static attributes (3e8ae72), closes #5

1.1.0 (2020-10-31)

Performance Improvements

• switch to functional component (#4) (38c34f1)

1.0.1 (2020-06-06)

1.0.0 (2019-01-26)

Features

• register as a Vue plugin (c03c9ca)
• register the component automatically once loaded (f538b12)

0.2.1 (2018-08-05)

0.2.0 (2018-03-25)

0.1.0 (2018-03-20)