• 组件
  • 布局与其它

Icon 图标

图标:通过图形直观地传达产品的核心理念和主题或者代表一些操作。

规则

  • 图标的尺寸和风格具有一致性,兼顾鲜明和简洁。
  • 初始大小为15*15,如果你想获得其他的尺寸,需要手动调整

命名规则

我们为每个图标赋予了语义化的命名,命名规则如下:

  • 命名:[icon]-[描线与否]-[私有名]
  • 初实心和描线图标保持同名,用 -o 来区分

如何使用

<span class="icon-hook"></span>

代码演示

  • icon-hook
  • icon-cross
  • icon-h-close
  • icon-close
  • icon-online
  • icon-outline
  • icon-data
  • icon-card
  • icon-data-y
  • icon-alipay
  • icon-weixin
  • icon-security
  • icon-document
  • icon-loading
  • icon-h-loading
  • icon-warning
  • icon-o-warning
  • icon-hui-medical
  • icon-default
  • icon-right
  • icon-search
  • icon-pic
  • icon-arrows
  • icon-o-up
  • icon-o-down
  • icon-o-search
  • icon-no-msg
  • icon-record
  • icon-user
  • icon-mail
  • icon-load-error
  • icon-female
  • icon-male
  • icon-department