purge-icons-vue

PurgeIcons's Vue 2 Icon Component

Adapted from https://github.com/antfu/vitesse/blob/master/src/components/Icon.vue

Must install PurgeIcons.

Installation

npm i purge-icons-vue
# or 
yarn add purge-icons-vue

And register in Vue app entry:

import PurgeIconsVue from 'purge-icons-vue'
 
Vue.use(PurgeIconsVue)

If you installed postcss-import, can import CSS file:

@import 'purge-icons-vue';

Usage

<Icon icon="mdi:account" />

The icon id follows the rules in Iconify which you can use any icons from the supported icon sets. It will only bundles the icons you use, check out PurgeIcons for more details.