图标是具有指代意义的图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性，是界面的重要组成部分，好的图标通过提炼具有辨识度的视觉元素，简化的图形示意，来辅助用户理解界面信息，给予用户正确友好的指引。

设计原则

准确：图标表意准确，不对用户的认知造成困扰，符合用户认知
简约：图标造型与结构简单，在保证表意准确的前提下，化繁为简，减少过多装饰
统一：图标视觉大小、线条粗细、风格等保持一致性

使用规则

• 优先使用提供的字体图标；
• 避免块状图标和线性图标混用；
• 必要时辅以文字说明；
• 与文字搭配时，图标与文字始终水平居中对齐；
• 任何时候单独使用的图标，鼠标移入时使用 Tooltip 提示其含义；
• 严禁多种图标代表一种含义或一个图标代表多种含义；
• 尽量沿用大家习惯的图标形象；
• 减少装饰型图标，不为了视觉而视觉。

绘制模板

通过带有 Keyline 的绘制模板来辅助图标的绘制：

• 画板区域：图标在48×48px的画板区域内绘制
• Live Area：44×44px，是容错安全区，图形主要部分应该在安全区域内
• Keyline：关键基线，图标提供了一致的比例和尺寸参考

图标尺寸

在设计软件中基于 48×48px 的画板绘制线性图标，线宽为 4px，不同图标尺寸等比例缩放。

颜色使用

图标的颜色可使用灰色、功能色、品牌色，根据页面设计需要及信息层级来选择。

命名

建议使用小写英文命名（业务图标可以使用对应中文名称的拼音），不能有空格、特殊符号，多个单词或者不同状态之间用横岗“-”分割：

例如：arrow-down、arrow-up、arrow-left、eye-on、eye-off

同类含义图标的变形，通过添加后缀或者数字区分：

例如：add-circle、add-square、folder-1、folder-2