需要统一图标风格与管理时：建立图标系统规范，覆盖网格、尺寸…

在标准化产品图标体系时，定义从设计到实现的完整规范。

适用场景

解决思路

1. 制定图标系统规范，确保视觉一致性，并支持规模化维护和管理。
2. 定义网格：基准尺寸为 24x24px，并确定 keylines、stroke width、corner radius。
3. 定义尺寸档位：XS（12-16px）、S（20px）、M（24px）、L（32px）、XL（48px+）。
4. 定义风格：stroke、filled、duotone，并明确各自的使用场景。
5. 采用命名规范：icon-[category]-[name]-[variant]。
6. 设置图标分类：action、navigation、content、communication、social、status、file、device。
7. 交付 SVG source。
8. 交付 sprite sheets。
9. 交付 component wrappers。
10. 交付 Figma library。
11. 可访问性：为每个图标提供 label 或 aria-hidden。
12. 可访问性：关键操作中的图标必须与文字配对使用。
13. 可访问性：确保图标有足够对比度。
14. 可访问性：触摸目标最小为 44x44px。
15. 定期审计并删除未使用的图标。
16. 建立贡献流程。
17. 与设计系统同步进行版本管理。
18. 在每个支持的尺寸下测试图标。

适用边界 · 注意事项

• 需要更广泛的插画风格时，应使用 `illustration-style` (ui-design)，而不是图标系统。
• 仅需临时、一次性图标且不存在统一管理需求时，不必先建立完整图标系统。