OpenTiny Icons
图标库是Opentiny Design
团队开源的基础图标,以及华为云服务图标和服务扩展图标。
npm install @opentiny/icons
将设计师提供的图标导入svgs
目录, 文件夹及文件名必须符合以下要求:
- 子目录名称为大分类,每次增加大分类文件夹后,需要在
index.html
中的分类下拉列表中,添加相应的名称 - 分类目录的子目录名为“图标组名”, 用数字控制组名的排序。
- 文件名必须符合: 排序#中文名-英文名.svg 的格式,不允许有特殊字符
图标导入时需要检查,以免导入不符合规范的图标:
- 图标尺寸是否规范, 是否正方形,是否固定内边距;
- 不需要顶部的 < ?xml version="1.0" encoding="utf-8"? >
- 单色图标需要 fill="currentColor"
- 图标内不允许有
标签
svg
文件名涉及专有服务名时,可以大写,但是受@unocss/preset-icons
库的限制,它不支持图标类名大写,所以导出的图标名称统一为小写。