图标风格不统一，是设计感崩塌的开始

一个界面里同时出现线条粗细不一样的图标、圆角和尖角混用、有的填充有的描边——单看每个都挺好看，放一起就是廉价感。图标统一的难度不在画，而在"约束"。

先选一套语言

图标主要有三种风格：

• 线性（Outline）：轻、透气，适合信息密度高的界面
• 面性（Filled）：重、醒目，适合强调和导航
• 双色（Duotone）：有层次，适合品牌感强的产品

一套界面里只选一种作为主风格，另一种只能作为"选中态"出现。比如默认线性、选中填充，这是最常见也最安全的组合。

统一四个参数

不管用哪套图标库，都要锁死这四个值：

1. 画板尺寸：统一 24×24，内部图形留 2px 安全边距，实际绘制区 20×20。
2. 描边粗细：1.5px 或 2px，全站只用一种。1px 在高分屏上会发虚，不建议。
3. 端点与转角：圆头端点配圆角，或者平头端点配直角，不要混。圆角半径通常 2px。
4. 视觉重量：同样大小的图标，圆形看起来比方形小，需要做光学补偿。这就是为什么好的图标库不是简单的几何图形。

尺寸只给三档

16（行内小图标）、20 或 24（常规）、32 或 48（强调）。不要出现 18、22、26 这种中间值，缩放时容易像素不对齐，边缘发糊。

混用图标库是最大的坑

从三个网站各下几个图标拼起来，是统一感崩塌最快的方式。要么整套用同一个库（如 Lucide、Tabler、Phosphor），要么自己按统一参数重画。实在要混，至少统一描边粗细和端点样式，能救回一大半。

命名和交付

图标导出用 SVG，命名统一为 icon-动作-对象.svg，比如 icon-arrow-left.svg。不要用 图层1.svg 这种名字，交付给开发时对方会崩溃。

检查方法：把所有图标排成一行，缩到 16px 看。如果粗细、圆角、视觉大小都还协调，说明这套图标是可用的；如果一眼看出哪个"重"哪个"轻"，就得回去调。