Где я могу найти список значков для использования в vuetify?

Question

Вы можете добавить значок, например <v-icon>backup</v-icon>, но я не могу найти список поддерживаемых слов, которые будут использоваться внутри тега v-icon.Есть списки для Material Design Icons и Font Awesome Icons , но как быть со стандартными?

Answer 1

Для тех, кто установил vuetify с помощью vue cli 3, значки загружаются из https://materialdesignicons.com/:)

Answer 2

Измените имя внутри, и вы получите другой значок:

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

Найдите правильное имя для вашего приложения из: https://material.io/tools/icons/?style=baseline

Answer 3

вы можете увидеть названия различных значков с этого сайта, а затем просто применить к проекту vuetify.https://material.io/tools/icons/?style=baseline

Answer 4

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

Из этого официального документ .vuetifyjs использует значки материалов .

Компонент v-icon предоставляет большой набор глифов для предоставления контекста различным аспектам вашего приложения.Значки Vuetify используют библиотеку шрифтов Google Icons.Чтобы получить список всех доступных значков, посетите официальную страницу значков материалов.

Answer 5

Хорошо.В документации Vuetify Icons я обнаружил, что Значки материалов из Google будут использоваться по умолчанию.

Имейте в виду, что Значки материалов отличаются от Значки материального дизайна !!!

Сначала я этого не заметил.Это было мое замешательство.