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

Question

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

Answer 1

好的。我在Vuetify Icons Documentation中发现默认使用Material Icons from Google。

  

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

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

Answer 2

尝试做：<v-icon>mdi-home</v-icon>

Answer 3

您可以从该网站上看到不同图标的名称，然后仅将其应用于vuetify项目。 https://material.io/tools/icons/?style=baseline

Answer 4

对于使用vue cli 3安装了vuetify的用户，图标是从https://materialdesignicons.com/加载的：）

Answer 5

我认为 Vuetify 列表图标的答案位于以下站点： https://materialdesignicons.com/

注意：第一个图标是“ ab-testing”，因此请按以下方式使用它： {mdi-ab-testing}等：）

mdi（materialDesignIcons）+图标名称

祝你好运...

Answer 6

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

来自此官员doc。 vuetifyjs使用material icons。

  

v-icon组件提供了大量字形，以提供应用程序各个方面的上下文。 Vuetify图标使用Google的Material Icons字体库。有关所有可用图标的列表，请访问官方的“材料图标”页面。

Answer 7

更改内部名称，您将获得另一个图标：

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

通过以下方式为您的应用找到合适的名称： https://material.io/tools/icons/?style=baseline