带有类'edit- icon‘的vuetify的v图标不显示图标，而是显示'edit’文本

npm install vuetify
npm install material-design-icons-iconfont

yarn add vuetify
yarn add material-design-icons-iconfont

import Vue from 'vue';
import Vuetify from 'vuetify/lib/framework';
import 'material-design-icons-iconfont/dist/material-design-icons.css';

Vue.use(Vuetify);

const vuetify = new Vuetify({
  icons: {
    iconfont: 'md', // 使用Material Design Icons
  },
});

new Vue({
  vuetify,
  render: h => h(App),
}).$mount('#app');

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('~material-design-icons-iconfont/dist/fonts/material-icons.woff2') format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

import './path/to/your/material-icons.css';

<v-icon class="edit-icon">edit</v-icon>

<v-icon class="edit-icon">edit</v-icon>