如何更新 vuetify mdi 图标？ (Nuxt.js)

Question

I use Vuetify on Nuxt.js. But I can't use some material design icons.我在 Nuxt.js 上使用 Vuetify。但是我不能使用一些材料设计图标。

For example <v-icon>mdi-cog</v-icon> shows blank.例如<v-icon>mdi-cog</v-icon>显示空白。 But other icons work well.但其他图标效果很好。

nuxt.config.js nuxt.config.js

  buildModules: [
    '@nuxtjs/vuetify',
  ],

  vuetify: {
    customVariables: ['~/assets/variables.scss'],
  },

Is it because I have to update it?是因为我必须更新它吗？

And how to update it?以及如何更新它？

Answer 1

if i don't look wrong, there is not mdi-cog icon, try with mdi-cogs (with the "s" at the end).如果我没看错，没有 mdi-cog 图标，请尝试使用 mdi-cogs（末尾有“s”）。