Element-plus新版本icon使用方式（简单操作即可）

1.使用包管理器




# 选择一个你喜欢的包管理器
 
# NPM
npm install @element-plus/icons-vue
# Yarn
yarn add @element-plus/icons-vue
# pnpm
pnpm install @element-plus/icons-vue






2.注册所有图标

需要从 @element-plus/icons-vue 中导入所有图标并进行全局注册。









 
// 如果您正在使用CDN引入，请删除下面一行。
import * as ElementPlusIconsVue from '@element-plus/icons-vue'
 
const app = createApp(App)
for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
  app.component(key, component)
}

https://blog.csdn.net/weixin_73060959/article/details/141286216?ops_request_misc=%257B%2522request%255Fid%2522%253A%25222062de28c870f64c2d9edfb29f749b27%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=2062de28c870f64c2d9edfb29f749b27&biz_id=0&utm_medium=distribute.pc_search_result.none-task-blog-2~all~sobaiduend~default-1-141286216-null-null.142^v102^pc_search_result_base7&utm_term=element-plus%20icon%20%E7%9A%84%E7%94%A8%E6%B3%95&spm=1018.2226.3001.4187