Icon 图标

语义化的矢量图形，AT-UI 使用开源的 Feather 作为图标库，并制作成了 icon font。Feather 使用的是 24x24 的尺寸，拥有一致的圆角，一致的笔画宽度，确保整个图标系统保持视觉上的统一性。

如何使用

使用 class="icon" 来声明图标，具体图标的名称请 copy 相应的标签

Icon图标 - 图1

  1. <i class="icon icon-zoom-in"></i>
  2. <i class="icon icon-zoom-out"></i>
  3. <i class="icon icon-check"></i>
  4. <i class="icon icon-x"></i>

图标示例

主要

Icon图标 - 图2

媒体控制

Icon图标 - 图3

通信

Icon图标 - 图4

照片

Icon图标 - 图5

地理位置

Icon图标 - 图6

天气

Icon图标 - 图7

箭头

Icon图标 - 图8

Icon图标 - 图9