Package Exports

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (danilovl-vue-feather-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Vue feather icons

About

Vue feather icons for vue3. Icons with names in readme folder.

Alt text

Requirements

Vue 3.3 or higher

1. Installation

npm install --save danilovl-vue-feather-icons
npm install --save https://github.com/danilovl/vue-feather-icons

2. Usage

If you import icon from src/dist, there ia already imported import {h} from 'vue'.

import * as icons from 'danilovl-vue-feather-icons/src/dist/vue-feather-icons'
import * as icons from 'danilovl-vue-feather-icons/src/dist/vue-feather-icons.min'

import {ActivityIcon} from 'danilovl-vue-feather-icons/src/dist/vue-feather-icons'

<script>
import * as icons from 'danilovl-vue-feather-icons/src/dist/vue-feather-icons'

const svg = h(icons['ActivityIcon']);
</script>

<ActivityIcon/>

<script setup>
import {ActivityIcon} from 'danilovl-vue-feather-icons/src/dist/vue-feather-icons'
</script>

If you import icon separately from src/icons, you must check if h globally exists. If not, you must set it to icon.

import {ActivityIcon} from 'danilovl-vue-feather-icons/src/icons/ActivityIcon'

<ActivityIcon :h="h"/>

<script setup>
import {h} from 'vue'
import {ActivityIcon} from 'danilovl-vue-feather-icons/src/icons/ActivityIcon'    
</script>

Every icon has props parameters.

h is a Vue render function and does not exist globally.

svg is used when you want to add additional tags to the SVG element.

props: {
    h: {
        type: Object,
        required: false
    },
    svg: {
        type: Object,
        required: false
    }
}

License

The Vue feather icons is open-sourced software licensed under the MIT license.