Ant Design Element Plus 比较 – 通用组件之图标

Icon 图标是系统中不可或缺的一部分，这两个框架中的图标都是一个独立的库，这也就意味着你可以在不安装这两个框架的情况下使用图标组件。默认的图标组件 Ant Design 使用的是<span>元素，Element Plus 使用的是 <i> 元素。

属性

Antd	Element	说明
className	—	设置图标的样式名
—	color	svg 的 fill 颜色
rotate	—	图标旋转角度（IE9 无效）
—	size	SVG 图标的大小，size x size
spin	—	是否有旋转动画
style	—	设置图标的样式，例如 `fontSize` 和 `color`
twoToneColor	—	仅适用双色图标。设置双色图标的主要颜色，支持设置十六进制颜色字符串

属性比较

除了通用图标外，Ant Design 还支持自定义图标，它是利用 Icon 组件封装一个可复用的自定义图标。可以通过 component 属性传入一个组件来渲染最终的图标，以满足特定的需求。详见：图标 Icon – Ant Design

两个框架中的 Icon 组件都是一个独立的库，这表示 Icon 可以独立于这两个框架之外使用。在 Ant Design 中还支持双色风格的图标，不过图标数量与比之通用图标数量差了不少。

参考链接：