图标是 Alius 界面中辅助信息传达的视觉元素。图标应与文字配合使用，不应独立承载复杂含义。

设计风格

• 线性为主 — 使用描边线条，不使用填充色块
• 几何简洁 — 基于基本几何形状构建，避免复杂曲线
• 统一线宽 — 所有图标使用相同的描边宽度（建议 1.5px–2px）
• 统一圆角 — 图标中的转角使用一致的圆角值
• 避免过度拟物 — 不追求照片级真实感
• 避免复杂 AI 风格符号 — 不使用芯片、神经网络、大脑等 AI 比喻图形

尺寸规范

• 16px — 行内图标、状态指示器
• 20px — 按钮内图标、导航图标
• 24px — 标准图标、功能入口
• 32px — 空状态图标、引导图示
• 48px — 产品展示、功能说明

图标分类

导航图标

用于页面导航和路径指引。

• 首页、返回、前进、菜单、关闭
• 面包屑、展开、折叠

功能图标

表示操作和交互行为。

• 添加、删除、编辑、搜索、筛选
• 复制、下载、上传、分享
• 设置、刷新、同步

状态图标

表示系统或元素的当前状态。

• 成功、警告、错误、信息
• 加载中、已完成、进行中
• 在线、离线、连接中

硬件图标

表示硬件设备和物理接口。

• 机器人、关节、传感器
• USB、CAN、串口、电源
• 开发板、芯片、电机

软件图标

表示软件工具和平台。

• 终端、代码编辑器、IDE
• API、SDK、CLI
• 文档、配置、日志

社区图标

表示社区和协作功能。

• GitHub、讨论、贡献
• 开源协议、版本发布
• 团队、通知、反馈

文件类型图标

区分不同文件格式。

• 代码文件、配置文件
• 图片、文档、数据
• 压缩包、安装包

使用原则

• 图标应与文字标签配合使用，不单独使用图标表达关键操作
• 同一功能在不同页面使用相同图标
• 禁止将图标旋转、拉伸、变形
• 图标颜色跟随上下文文本颜色，不使用独立配色