All Projects → fengyuanchen → vue-feather

fengyuanchen / vue-feather

Licence: MIT License
Feather component for Vue.js.

Programming Languages

typescript
32286 projects
javascript
184084 projects - #8 most used programming language
Vue
7211 projects
shell
77523 projects

Projects that are alternatives of or similar to vue-feather

vue-icon
Maybe it is the smallest vue component that contains all the feather icons
Stars: ✭ 44 (-59.26%)
Mutual labels:  icons, vue-component, feather, feather-icons
Styled Icons
💅 Popular icon packs like Font Awesome, Material Design, and Octicons, available as React Styled Components
Stars: ✭ 1,878 (+1638.89%)
Mutual labels:  icons, feather-icons
Iconpark
🍎Transform an SVG icon into multiple themes, and generate React icons,Vue icons,svg icons
Stars: ✭ 4,924 (+4459.26%)
Mutual labels:  icons, vue-component
php-feather
🕊 PHP Library for https://feathericons.com/
Stars: ✭ 42 (-61.11%)
Mutual labels:  icons, feather
react-native-fontawesome-pro
Easily use your FontAwesome Pro icons in React-Native
Stars: ✭ 44 (-59.26%)
Mutual labels:  icons
pagination
No description or website provided.
Stars: ✭ 14 (-87.04%)
Mutual labels:  vue-component
graublau-gimp-theme
Modern gray-blue icon theme for the GIMP
Stars: ✭ 25 (-76.85%)
Mutual labels:  icons
iconoir
A Simple and Definitive Open-Source Icons Library
Stars: ✭ 2,429 (+2149.07%)
Mutual labels:  icons
numix-icon-theme-square
Linux packaging for Numix Square
Stars: ✭ 143 (+32.41%)
Mutual labels:  icons
haiku-icons
Haiku OS icons, exported to HVIF, SVG and PNG
Stars: ✭ 37 (-65.74%)
Mutual labels:  icons
font-apex
Font APEX is an open source icon library from the Oracle APEX team.
Stars: ✭ 85 (-21.3%)
Mutual labels:  icons
cryptocurrency-icons-font
A webfont for cryptocurrency symbols
Stars: ✭ 21 (-80.56%)
Mutual labels:  icons
tabler-icons-svelte
A library of SVG Svelte components for Tabler Icons.
Stars: ✭ 50 (-53.7%)
Mutual labels:  icons
jooger.me
👍 My personal website,powered by @nuxt
Stars: ✭ 39 (-63.89%)
Mutual labels:  vue-component
graphicon
A Vue.js plugin/component to help you manage your icons seamlessly
Stars: ✭ 12 (-88.89%)
Mutual labels:  icons
bazaar
思源笔记社区集市。SiYuan community bazaar.
Stars: ✭ 18 (-83.33%)
Mutual labels:  icons
Papirus-Nord
Custom colors for folder icons for Papirus Icon Theme!
Stars: ✭ 61 (-43.52%)
Mutual labels:  icons
ember-add-to-homescreen
📲 "Add to Home Screen" prompt for mobile web Ember.js experiences
Stars: ✭ 23 (-78.7%)
Mutual labels:  icons
blade-zondicons
A package to easily make use of Zondicons in your Laravel Blade views.
Stars: ✭ 52 (-51.85%)
Mutual labels:  icons
vscode-material-product-icons
Product Icon Theme with Material Icons for VS Code
Stars: ✭ 19 (-82.41%)
Mutual labels:  icons

vue-feather

Coverage Status Downloads Version Gzip Size

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

Main npm package 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].