Vuetify3でiconを表示させる

Vuetify3を使用した環境でマテリアルデザインのアイコンを表示したい場合、以下のように記述できます。

// script
<script setup lang="ts">
    import { mdiMagnify } from "@mdi/js";
</script>
// template
<v-icon :icon="mdiHelpCircleOutline" ></v-icon>

インポートしたいアイコンはマテリアルデザインアイコンのサイトを参照してください。
https://pictogrammers.com/library/mdi/

コメント

タイトルとURLをコピーしました