Element Plus 团队正在将原有组件内的 Font Icon 向 SVG Icon 迁移，请多多留意更新日志, 及时获取到更新信息，Font Icon 将会在第一个正式发布被废弃，请尽快迁移。

Element Plus将Font Icon废弃了

安装

yarn add @element-plus/icons
# 或者
npm install @element-plus/icons

以后只能使用Svg Icon中<el-icon><Setting /></el-icon>这种写法

但是在动态渲染时该怎么解决这个问题

可以使用动态组件渲染

<component is='setting' class="icon-type" />

动态组件的样式需要自己设置

可以直接在main.js文件中注册，全局使用

import { createApp } from 'vue'
import App from './App.vue'
import {
    Setting,
} from '@element-plus/icons'

const app = createApp(App);

app.component('setting',Setting)
app.mount('#app')

也可以在element-plus.js中使用以下方法引入全部

import ElementPlus from 'element-plus'
import * as icons from '@element-plus/icons'
import 'element-plus/dist/index.css'

const install = (app) => {
    Object.keys(icons).forEach(key => {
        app.component(key, icons[key])
    })
    app.use(ElementPlus)
}
export default install