图标Icon
内容与数据展示用一个稳定的小符号，让用户更快认出功能或状态
也常被叫作界面图标功能图标
图标用简短、重复的视觉符号表达搜索、关闭、下载和状态；用户通常在工具栏、按钮、菜单和提示信息里看到它。陌生或高风险操作不能只靠图标，应该补上文字或文字提示 Tooltip。
容易混淆？这样区分
什么时候用
- 大家熟悉的工具动作：搜索、关闭、下载搜索 · 下载 · 关闭
- 紧凑工具栏：在有限空间保留一组操作
- 状态提示：配合文字快速扫读✓文件已经同步
什么时候不用
- 陌生动作只放图标 → 加文字或 文字提示 Tooltip这是什么操作？
- 同一个“更多”图标混入不相关危险操作删除项目藏在“更多”里
- 用 Emoji 替代需要统一线条和含义的系统图标三个下载图标，风格各不相同
组成结构 · Anatomy
1图形Shape轮廓要在小尺寸下仍清楚
2文字说明Label陌生或重要动作必须补充
常见变体 · Variants
独立图标Standalone
只做装饰或状态提示时
图标按钮Icon button
点击执行常见操作时
图标加文字With label
↓ 下载
新手、重要或不可逆操作
典型使用场景
工具栏
带文字按钮
状态提示