[Vuejs] Mdi(Material Design Icons) offline

MDI 설치

$ yarn add @mdi/font -D
// OR
$ npm install @mdi/font -D

👍 Vue

// plugins/vuetify.js

import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader
import Vue from 'vue'
import Vuetify from 'vuetify/lib'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'mdi', // default - only for display purposes
  },
})

👍 Nuxt

default 로 iconfont 가 mdi 로 되어 있기 때문에 css 파일만 추가해 주면 된다.

// nuxt.config.js

export default {
    css: [
        '@mdi/font/css/materialdesignicons.css',
    ],
}

---

참고

• Vuetify Icons
• Nuxt Vuetify Options