web-dev-qa-db-ja.com

vuetifyで使用されるアイコンのリストはどこにありますか？

<v-icon>backup</v-icon>のようなアイコンを追加できますが、v-iconタグ内で使用されるサポートされている単語のリストが見つかりません。 Material Design Icons および Font Awesome Icons のリストがありますが、デフォルトのものはどうですか？

buttoniconsvuetify.js
5
Jonathan Morales Vélez

OK。 Vuetify Icons Documentation で、 Googleの素材アイコン がデフォルトで使用されることを発見しました。

マテリアルアイコンはマテリアルデザインアイコンとは異なることに留意してください!! ！

最初は気づかなかった。それは私の混乱でした。

13
Jonathan Morales Vélez

このWebサイトからさまざまなアイコンの名前を確認し、vuetifyプロジェクトに適用するだけです。 https://material.io/tools/icons/?style=baseline

2
Robin Prajapati

vue cli 3でvuetifyをインストールした場合、アイコンは https://materialdesignicons.com/ :)からロードされます。

1
thiout_p

内部の名前を変更すると、別のアイコンが表示されます。

<v-icon>home</v-icon>
<v-icon>close</v-icon>

次からアプリの正しい名前を見つけてください： https://material.io/tools/icons/?style=baseline

0
ahgood
// Use this code.
    <v-btn color="error" fab small dark
      @click="yoursFunc()">
      <v-icon>list</v-icon>
    </v-btn>

この公式から doc 。 vuetifyjsは 素材アイコン を使用します。

V-iconコンポーネントは、アプリケーションのさまざまな側面にコンテキストを提供するグリフの大きなセットを提供します。 Vuetifyアイコンは、GoogleのMaterial Iconsフォントライブラリを利用します。利用可能なすべてのアイコンのリストについては、公式のMaterial Iconsページをご覧ください。

0
Max Sherbakov