DevExtreme 字体真棒图标

DevExtreme 字体真棒图标是一套重量轻、响应快速的矢量图标库，由 DevExpress 提供。

特性

• 1300+ 矢量图标
• 支持多种尺寸和样式 (实心、描边、双色)
• 快速响应、无需额外下载
• 易于使用和自定义

使用

在项目中引入 DevExtreme 字体真棒图标：

<link rel="stylesheet" href="https://cdn3.devexpress.com/jslib/21.1.5/css/dx-icons.css">

在 HTML 中使用图标，只需要添加对应类名即可：

<i class="dx-icon-add"></i>

可以更改图标颜色、大小、居中等样式：

<i class="dx-icon-add" style="color:red; font-size:20px; vertical-align:middle;"></i>

样式

DevExtreme 字体真棒图标支持以下三种样式：

实心

<i class="dx-icon-add"></i>

描边

<i class="dx-icon-add dx-icon-outline"></i>

双色

<i class="dx-icon-add dx-icon-two-tone"></i>

尺寸

DevExtreme 字体真棒图标支持以下五种尺寸：

16

<i class="dx-icon-add dx-icon-16"></i>

20

<i class="dx-icon-add dx-icon-20"></i>

24

<i class="dx-icon-add dx-icon-24"></i>

32

<i class="dx-icon-add dx-icon-32"></i>

48

<i class="dx-icon-add dx-icon-48"></i>

自定义

可以通过以下步骤自定义 DevExtreme 字体真棒图标：

1. 下载 DevExtreme 桌面工具 并安装
2. 打开 DevExtreme 桌面工具
3. 在左侧导航栏中选择“图标创作”
4. 选择图标并进行编辑和配置
5. 导出自定义图标 (支持 SVG、JS 和 PNG 格式)

总结

DevExtreme 字体真棒图标是一款优秀的矢量图标库，具有轻量、快速响应、易于使用和自定义等特点。使用 DevExtreme 字体真棒图标可以大幅提高界面设计效率，值得推荐使用。