📅  最后修改于: 2023-12-03 14:40:42.856000             🧑  作者: Mango
DevExtreme 字体真棒图标是一套重量轻、响应快速的矢量图标库,由 DevExpress 提供。
在项目中引入 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 字体真棒图标支持以下五种尺寸:
<i class="dx-icon-add dx-icon-16"></i>
<i class="dx-icon-add dx-icon-20"></i>
<i class="dx-icon-add dx-icon-24"></i>
<i class="dx-icon-add dx-icon-32"></i>
<i class="dx-icon-add dx-icon-48"></i>
可以通过以下步骤自定义 DevExtreme 字体真棒图标:
DevExtreme 字体真棒图标是一款优秀的矢量图标库,具有轻量、快速响应、易于使用和自定义等特点。使用 DevExtreme 字体真棒图标可以大幅提高界面设计效率,值得推荐使用。