@worktile/design-icon

1.0.7 • Public • Published

Worktile Icons

Design Specification

  • 所有图标的大小为 16px,准确的来说应该是 viewBox 为 0 0 16 16
  • 图标类型分三种:outline(普通)、fill(填充的)、two-tone(双色图标)
  • 图标分普通的和粗的,普通的为 1px, 粗的为 1.4px

Naming Specification

  • -bold 结尾的是1.4px粗的图标,否则为普通 1.2px 图标
  • 填充的图标以 -fill 结尾,双色图标以 -tt 结尾
  • 图标以 -circle -square 结尾表示是圆形和正方形
  • 命名尽量以图标含义命名,比如 eye 表示一个眼睛,通常用于查看, clock-circle 表示一个圆形的时钟

Installation

直接拷贝所有文件到你需要的项目中即可

  • fonts 文件夹是生成的字体
  • defs/svg/sprite.defs.svg 是 SVG defs 的雪碧图,symbol/svg/sprite.symbol.svg 是 SVG symbol 的雪碧图
  • glyphs.json 是所有字体的名字和分类

Package Sidebar

Install

npm i @worktile/design-icon

Weekly Downloads

2

Version

1.0.7

License

MIT

Unpacked Size

1.44 MB

Total Files

11

Last publish

Collaborators

  • why520crazy
  • shaunxu
  • pubuzhixing
  • walkerkay001
  • swordman
  • handsomebutterball
  • xiaobei_lu