vue で mdicon を使ってみた

2021年12月4日

mdicon を使用してみたので書き残しておきたいと思います。

参考

インストール

npm でのインストール方法です。

npm install --save mdi-vue @mdi/js

インポート

下記は vue2 でのインポート方法です。

import Vue from "vue"
import mdiVue from 'mdi-vue/v2'
import * as mdijs from '@mdi/js'
Vue.use(mdiVue, {
    icons: mdijs
})

アイコンを選択

下記のサイトからアイコンを選び名前を確認します。
Material Design Icons

使用

name に選択したアイコンの名前を指定します。

<mdicon name="cog" :spin="true" />
YouTube

2021年12月4日