element ui icon图标怎么用

Element UI图标是基于Material Design风格设计的一套响应式SVG图标集合，它提供了丰富的图标供Vue应用使用。在Element UI中使用图标非常简单：

1. 安装：首先确保已经安装了Element UI和Element UI图标库。如果还没有安装，可以使用npm或yarn命令：

   npm install element-ui -S
   npm install element-icons -S

2. 引入：在项目中引入所需的CSS文件以及Element UI Icon组件：

   <link rel="stylesheet" href="path/to/element-ui/lib/theme-chalk/index.css">
   <script src="path/to/element-ui.js"></script>
   <script src="path/to/element-icons/iconfont.js"></script>

3. 使用：在HTML中，你可以通过`<el-icon>`标签并指定对应的icon名来显示图标，例如显示一个搜索图标：

   <el-icon><i class="el-icon-search"></i></el-icon>

或者，如果你喜欢使用自定义属性：

   <el-icon :icon="['el-icon-search']"></el-icon>

4. 样式调整：如果你想更改图标的大小、颜色等样式，可以添加额外的CSS类，如`.el-icon--medium`或`.el-icon-success`.