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

Posted 2023-02-22

【中文标题】如何更新 vuetify mdi 图标？ (Nuxt.js)

【英文标题】：How to update vuetify mdi icons ? (Nuxt.js)

【发布时间】：2020-06-06 18:07:45

【问题描述】：

我在 Nuxt.js 上使用 Vuetify。但我不能使用一些材料设计图标。

例如<v-icon>mdi-cog</v-icon> 显示空白。但其他图标效果很好。

nuxt.config.js

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

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

是因为我必须更新它吗？

以及如何更新它？

【参考方案1】：

如果我没看错，没有 mdi-cog 图标，试试 mdi-cogs（末尾有“s”）。

【讨论】：

cogs 没问题。但是cog 可以在materialdesignicons.com 中找到，您可以搜索它。它由 Google 提供。

我发现dev.materialdesignicons.com/icon/cog，但在cdn.materialdesignicons.com/4.9.95 中没有出现该图标，这很奇怪！