web-dev-qa-db-fra.com

Où puis-je trouver une liste d'icônes à utiliser dans vuetify?

Vous pouvez ajouter une icône comme <v-icon>backup</v-icon> mais je ne trouve pas la liste des mots pris en charge à utiliser dans le v-icon tag. Il existe des listes pour Material Design Icons et Font Awesome Icons , mais qu'en est-il de celles par défaut?

buttoniconsvuetify.js
8
Jonathan Morales Vélez

D'accord. J'ai trouvé dans le Vuetify Icons Documentation que Material Icons from Google sera utilisé par défaut.

Gardez à l'esprit que Les icônes de matériaux sont différentes de Les icônes de conception de matériaux !! !

Je ne l'ai pas remarqué au début. C'était ma confusion.

14
Jonathan Morales Vélez

vous pouvez voir les noms des différentes icônes de ce site Web, puis postuler simplement au projet vuetify. https://material.io/tools/icons/?style=baseline

2
Robin Prajapati

Pour ceux qui ont installé vuetify avec vue cli 3, les icônes sont chargées depuis https://materialdesignicons.com/ :)

1
thiout_p

Changez le nom à l'intérieur et vous obtiendrez l'icône différente:

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

Trouvez le bon nom pour votre application sur: 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>

De cet officiel doc . vuetifyjs utilise icônes matérielles .

Le composant v-icon fournit un large ensemble de glyphes pour fournir un contexte à divers aspects de votre application. Les icônes Vuetify utilisent la bibliothèque de polices Material Icons de Google. Pour une liste de toutes les icônes disponibles, visitez la page officielle des icônes de matériaux.

0
Max Sherbakov

essayer de faire : <v-icon>mdi-home</v-icon>

0
arielkollross