vite+vue3+element-plus图标自定义实现方式

要在vite+vue3+element-plus中自定义图标，可以按照以下步骤进行操作：

1. 下载需要的图标素材，可以是svg、png、jpg等格式的图片。
2. 将下载的图标素材放置到项目中的某个目录下，比如`src/icons/svg`目录。
3. 在`main.js`中引入`@element-plus/icons`，并注册自定义图标。

import { createApp } from 'vue'
import App from './App.vue'
import ElementPlus from 'element-plus'
import 'element-plus/lib/theme-chalk/index.css'
import { register } from '@element-plus/icons'
import { App as AppIcon } from './icons/svg/app.svg'

register({
  'app': AppIcon
})

createApp(App).use(ElementPlus).mount('#app')

4. 在需要使用自定义图标的地方，使用`el-icon`组件，并传入注册的图标名称。

<template>
  <div>
    <el-icon name="app"></el-icon>
  </div>
</template>

以上就是vite+vue3+element-plus图标自定义的实现方式。