マテリアルデザインのmdi-oooのフォントを使うなら@mdi/jsを使ってbundleのサイズを削減できる

以下でインストール。

$ npm install @mdi/js -D

bundleのサイズに削減にもなって初期描画が早くなりそう。

You can custom import only the icons you use granting a much smaller bundle size.

使用例

code: src/plugins/vuetify.js

// src/plugins/vuetify.js

import Vue from 'vue'

import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({

icons: {

iconfont: 'mdiSvg',

},

})

code:vue(html)

<!-- Vue Component -->

<template>

<v-icon>{{ svgPath }}</v-icon>

</template>

<script>

import { mdiAccount } from '@mdi/js'

export default {

data: () => ({

svgPath: mdiAccount

}),

}

</script>