Vuetify 3: v アイコンに Svg を使用する

Question

カスタム SVG を v アイコンとして使用したいのですが、Vuetify v3 ドキュメントには解決策が見つかりませんでした。

vuetify v2 では、vuetify.js で次のようなことができます。

デフォルトの new Vuetify({
  アイコン:{
    値: {
      テスト： {
        コンポーネント: テスト、
      },

次のように使用できます:

<v-icon size="40">$vuetify.icons.test</v-icon>

Vuetify v3 で同じことを行うにはどうすればよいですか?ご協力ありがとうございます:)

Answer 1

以下のコードは、mdi アイコン セットとともにカスタム アイコンを Vuetify に追加し、エイリアスを介してコンポーネント内で両方のアイコンを使用する例を示しています。

vuetify.js

リーリー

folderIcon.vue (カスタム アイコン)

リーリー

証券規制委員会

リーリー

元のソース: Vuetify Discord チャネルのスレッド