element-plus注册所有图标

main.ts

import SvgIcon from '@/components/SvgIcon'
import elementIcons from '@/components/SvgIcon/'

app.use(elementIcons)
app.component('svg-icon', SvgIcon)

SvgIcon.ts

import * as components from '@element-plus/icons-vue'

export default {
    install: (app) => {
        // 官网的方式
        // for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
        //     app.component(key, component)
        //   }
        for (const key in components) {
            const componentConfig = components[key];
            app.component(componentConfig.name, componentConfig);
        }
    },
};

模板

<el-icon><Service /></el-icon>

image.png