Socket
Book a DemoInstallSign in
Socket

@worktile/design-icon

Package Overview
Dependencies
Maintainers
6
Versions
8
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@worktile/design-icon

Worktile Design Icon

1.0.7
latest
Source
npmnpm
Version published
Weekly downloads
3
Maintainers
6
Weekly downloads
 
Created
Source

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 是所有字体的名字和分类

Keywords

icon

FAQs

Package last updated on 14 Mar 2020

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

SocketSocket SOC 2 Logo

Product

About

Packages

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc

U.S. Patent No. 12,346,443 & 12,314,394. Other pending.