使用内置图标
Element Plus 提供了一些内置的图标，你可以直接通过图标名称来使用。以下是一些内置图标的示例：
<el-icon name="el-icon-search"></el-icon>
<el-icon name="el-icon-edit"></el-icon>
<el-icon name="el-icon-delete"></el-icon>
在上述例子中，name 属性指定了要使用的内置图标的名称。
使用自定义图标
除了内置图标，Element Plus 还支持使用自定义图标。你可以通过设置 class 属性，传入自定义图标的 CSS 类名。例如：
<el-icon class="custom-icon"></el-icon>
在上述例子中，custom-icon 是你自定义图标的 CSS 类名。你需要在项目中引入相应的图标库，并在样式表中定义对应的样式。
使用 Iconfont 图标
如果你使用了 Iconfont，你可以通过设置 class 属性，传入相应的 Iconfont 类名。例如：
<el-icon class="iconfont icon-search"></el-icon>
<el-icon class="iconfont icon-edit"></el-icon>
<el-icon class="iconfont icon-delete"></el-icon>
在上述例子中，icon-search、icon-edit、icon-delete 是 Iconfont 中定义的类名。
设置图标大小和颜色
你可以通过设置 size 属性来指定图标的大小，通过设置 color 属性来指定图标的颜色。例如：
<el-icon name="el-icon-search" size="20"></el-icon>
<el-icon name="el-icon-edit" size="30" color="#409EFF"></el-icon>
<el-icon name="el-icon-delete" size="40" color="#F56C6C"></el-icon>
在上述例子中，size 属性指定了图标的大小，color 属性指定了图标的颜色。
更多配置
除了上述基本用法，Element Plus 的 <el-icon> 组件还支持一些其他配置，例如旋转、翻转等。详细的用法可以在 Element Plus 的[官方文档](https://element-plus.org/#/en-US/component/icon)中找到。
使用 Element Plus 图标非常灵活，你可以选择内置图标、自定义图标，或者使用其他图标库，以满足项目的需求。
转载请注明出处：http://www.zyzy.cn/article/detail/5522/ElementPlus