🚀 DAY 5 OF LAUNCH WEEK:Introducing Webhook Events for Alert Changes.Learn more
Socket
Book a DemoInstallSign in
Socket

@opentiny/icons

Package Overview
Dependencies
Maintainers
1
Versions
4
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@opentiny/icons

Opentiny Design Icons

latest
npmnpm
Version
0.1.4
Version published
Maintainers
1
Created
Source

Opentiny 图标库

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

安装 Installation

npm install @opentiny/icons

浏览图标 Browser Icons

在线预览

开发指南

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

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

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

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

已知问题和约束

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

Keywords

icon

FAQs

Package last updated on 14 May 2025

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts