Vue MDI Icon

Provides icon component for Vue that uses the https://materialdesignicons.com/ icons through @mdi/js

Install

$ npm i vue-mdi-icon

Basic Usage

<template>
    <vue-mdi-icon :path="mdiHome" />
</template>

<script>
import Vue from 'vue'
import { mdiHome } from '@mdi/js'
import VueMdiIcon from '@/vue-mdi-icon.vue'
export default Vue.extend({
    components: {
        VueMdiIcon,
    },
    data() {
        return {
            mdiHome,
        }
    },
})
</script>

License

The 3-Clause BSD License