我正在使用 nuxt 和 vuetify。所有标签都工作正常。但是当我使用时<v-icon>，图标没有显示..

<v-flex xs12 mb-3>
  <v-btn outline fab small color="blue-grey lighten-4">
      <v-icon color="grey darken-4">mdi-facebook</v-icon>
  </v-btn>

  <v-btn outline fab small color="blue-grey lighten-4">
      <v-icon color="grey darken-4">mdi-google-plus</v-icon>
  </v-btn>

  <v-btn outline fab small color="blue-grey lighten-4">
     <v-icon color="grey darken-4">mdi-linkedin</v-icon>
  </v-btn>
</v-flex>

这对我有用：

首先将以下内容添加到vuetify: {}nuxt.config.js 中的对象：

defaultAssets: {
  font: true,
  icons: 'md'
},
icons: {
  iconfont: 'md',
}

然后参考你的图标without'mdi-' 前缀如下：

<v-icon>feedback</v-icon>

请注意，我只有 2 小时的 Nuxt.js 经验，因此可能有更好的方法，但我希望这可以帮助人们入门:)

编辑：我发现 Vuetify 可以附带两个不同的图标库（取决于您安装时遵循的说明）。一是md https://material.io/resources/icons/?style=baseline你用哪个without为你的图标添加前缀，另一个是mdi https://materialdesignicons.com/你用哪个with“mdi-”前缀。