在哪里可以找到要在vuetify中使用的图标列表？

Question

您可以添加一个类似的图标，<v-icon>backup</v-icon>但我找不到该v-icon标记内要使用的受支持单词的列表。有Material Design图标和Font Awesome图标的列表，但是默认图标呢？

Answer 1

好。我在Vuetify图标文档中发现默认情况下将使用Google的Material Icons。

请记住，材料图标与材料设计图标不同！

起初我没有注意到。那是我的困惑。

Vuetify 默认使用 [Material Design Icons](https://materialdesignicons.com/)，而不是 Material Icons。 (8认同)
Vuetify使用了许多“材质”图标，但不是全部。例如，table_chart在Vuetify中无法正常运行。 (2认同)
这是默认导入的 css，您可以看到所有图标的列表：https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.css 正如其他人指出的那样，它包括一些材质图标，但不是全部。 (2认同)

Answer 2

我认为Vuetify列表图标的答案是下面这个网站： https: //materialdesignicons.com/

注意：第一个图标是“ab-testing”，所以像这样使用它： {mdi-ab-testing}依此类推:)

mdi(materialDesignIcons)+图标名称

祝你好运...