Skip to content

opentiny/icons

Repository files navigation

Opentiny 图标库

OpenTiny Icons图标库是Opentiny Design团队开源的基础图标,以及华为云服务图标和服务扩展图标。

安装 Installation

npm install @opentiny/icons

浏览图标 Browser Icons

在线预览

开发指南

将设计师提供的图标导入svgs 目录, 文件夹及文件名必须符合以下要求:

  1. 子目录名称为大分类,每次增加大分类文件夹后,需要在 index.html 中的分类下拉列表中,添加相应的名称
  2. 分类目录的子目录名为“图标组名”, 用数字控制组名的排序。
  3. 文件名必须符合: 排序#中文名-英文名.svg 的格式,不允许有特殊字符

图标导入时需要检查,以免导入不符合规范的图标:

  1. 图标尺寸是否规范, 是否正方形,是否固定内边距;
  2. 不需要顶部的 < ?xml version="1.0" encoding="utf-8"? >
  3. 单色图标需要 fill="currentColor"
  4. 图标内不允许有 标签

已知问题和约束

  • svg 文件名涉及专有服务名时,可以大写,但是受@unocss/preset-icons 库的限制,它不支持图标类名大写,所以导出的图标名称统一为小写。