# 使用自定义图标
低代码开发平台对使用自定义图标提供了支持,目前兼容 iconfont (opens new window) 的字体图标库格式。
# 使用本地自定义图标
本地安装自定义图标需要先到字体图标库网站(这里以 iconfont 为例)下载项目图标库。
# 下载
一般情况下项目组需要将自己需要的图标添加到项目图标库中,再进到项目图标库页面,点击下载图标压缩包。
如下图,点击下载至本地:
![]()
下载成功后我们将得到一个 zip 压缩文件。
# 解压
解压该文件,将会得到一个如下结构的目录和文件列表:
![]()
# 复制/移动
将该目录复制或移动到项目的 app/material/icon 文件夹下,如图:
![]()
图标库的文件夹名称无所谓,可以保持原样也可以改成方便识别的名称。
一个项目允许使用多个图标库,只需要将他们一起放在
app/material/icon文件夹下即可。
到这里安装就完成了,重启服务器,再打开 IDE,我们将可以在一些支持自定义图标的组件里选择使用自定义图标。
例如组件 图标 Icon、按钮 IvButton 的自定义图标属性。
点击自定义图标属性的输入控件按钮,将会弹出如下选择自定义图标的弹窗供选择。
![]()
自定义图标选择窗口里的图标列表是通过解析图标库压缩包中的 json 描述文件实现的。
# 使用物料市场图标物料包
物料市场会陆续上架一些通用图标物料包,用户只需要点击安装,就会自动完成上述下载、解压、移动到 app/material/icon 的动作,使用上更加便捷。
具体可用图标物料包可以在 IDE 中打开物料市场查看。