Vuetify图标根本不渲染

Question

根据that answer的说法，以下代码应该用Vuetify呈现一个图标

<v-icon>
  arrow_downward
</v-icon>

它没有，相反，我在一个蓝色矩形的中间看到纯文本中的"alarm_on“。使用Vuetify 2.0.0和Vue 2.6.10时，控制台中没有错误。下面是我如何将Vuetify添加到我的项目中：

// Vue从‘Vue’导入vue；

// Vuetify
import '@mdi/font/css/materialdesignicons.css';
import Vuetify from 'vuetify/lib';
Vue.use(Vuetify);

export default new Vuetify({
  icons: {
    iconfont: 'mdi'
  },
});

你知道为什么图标不起作用吗？

Answer 1

像这样使用mdi前缀

<v-icon>
  mdi-arrow-down
</v-icon>

这些是mdi https://materialdesignicons.com/的有效图标。