Vuetify图标显示在轮播上，但不显示在v-icon上

Question

因此，我正尝试将v-icon与官方documentation中的此处的Material Design Icons（JS SVG）一起使用，因为这是轮播ui组件所使用的，但是这些图标只是没有显示出来。

我已经安装了库，并且轮播可以很好地使用它，但是无论何时我尝试在v-icon中使用它，无论是否带有“ mdi-”前缀，它都不会显示。

这是标签用法的一个非常简单的例子

<v-icon>mdi-account-box</v-icon>

这是我的Vuetify.js配置文件

import Vue from 'vue';
import Vuetify from 'vuetify/lib';

Vue.use(Vuetify);

export default new Vuetify({
  theme: {
      options: {
        customProperties: true,
      },
    themes: {
      light: {
        primary: '#ee44aa',
        secondary: '#424242',
        accent: '#82B1FF',
        error: '#FF5252',
        info: '#2196F3',
        success: '#4CAF50',
        warning: '#FFC107'
      },
    },
  },
  icons: {
    iconfont: 'mdiSvg',
  },
});

我尝试从here使用的任何图标均未显示。 也没有显示错误。