エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
Vuetifyのv-iconに自作SVGアイコンを(楽に)使いたい!! - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
Vuetifyのv-iconに自作SVGアイコンを(楽に)使いたい!! - Qiita
TL;DR SVGアイコンをWebfontにしてstyle.cssをインポートすると <v-icon>{名前}</v-icon>で使えるように... TL;DR SVGアイコンをWebfontにしてstyle.cssをインポートすると <v-icon>{名前}</v-icon>で使えるようになるよ! Vuetifyのリファレンスがかなりアレ Vuetifyのv-iconってFontAwesomeとかのアイコンを利用できるじゃないですか。 でも自作のSVGアイコンも使いたいですよね。 一応リファレンスにやり方が載っています。 Installing Icons — Vuetify.js 簡単に訳すと、 SVGファイルを単一コンポーネントにしてVue.useの段階でセットすれば$vuetify.icons.{名前}で利用できるよ! ということです。 追加したいアイコンが100個ぐらいあった場合、1個1個単一コンポーネントにしてVue.useで読み込ませるのは非常に不便ですしコードが長くなるしで割と最悪です。 そこで色々調べていたところ,このよ