vue element-ui icon

Vue Element-UI 提供了一套丰富的图标库，可以通过使用 `<el-icon>` 组件来展示这些图标。以下是一些常用的图标示例：

1. 使用 Element-UI 默认图标库：

   <el-icon name="el-icon-edit"></el-icon>

2. 使用 Font Awesome 图标库：
首先，你需要安装 Font Awesome：

   npm install @fortawesome/fontawesome-free -S

然后在 Vue 项目中引入：

   // 在 main.js 中引入
   import '@fortawesome/fontawesome-free/css/all.css'

最后，在模板中使用 Font Awesome 图标：

   <el-icon class="fa" :class="['fa-icon-name']"></el-icon>

3. 使用自定义 SVG 图标：
首先，将你的 SVG 图标文件放置在 `src/assets/icons` 目录下。
然后，在 `main.js` 中引入并注册自定义 SVG 图标组件：

   import Vue from 'vue';
   import IconSvg from '@/components/IconSvg.vue';

   Vue.component('icon-svg', IconSvg);

最后，在模板中使用自定义 SVG 图标：

   <icon-svg class="custom-icon" name="icon-file"></icon-svg>

以上是几种常用的方式来使用图标。你可以根据项目需求选择适合的方法来展示图标。