用途：为界面建立统一的图标与插画系统，覆盖尺寸刻度、网格几何、图标库选型、实现方式、状态样式、无障碍与插画风格。
主要能力：定义 icon-xs 至 icon-3xl 的尺寸与行高刻度（12/16/20/24/32/40/48px）及对应触控目标；给出 24x24 网格、关键线形状、安全区与像素对齐规则；对比 Lucide、Heroicons、Phosphor、Tabler、SF Symbols、Material Symbols 等库的风格、字重、覆盖范围与许可；提供 React 图标组件、内联/Sprite/字体、状态过渡、动画图标与 SVGO 优化配方；区分有意义图标与装饰性图标，给出 aria-label、aria-hidden、role="img"、sr-only 等无障碍写法；整理 16 种插画风格、空状态与点缀插画实践。
使用方式：按需查阅参考文件——选库读 icon-library-catalog.md，落地实现读 icon-implementation-recipes.md，插画读 illustration-systems.md，绘制与配色读 icon-geometry-and-color.md。状态样式可用 CSS 变量与过渡实现，如 .icon-button:hover { color: var(--icon-hover); }。
适用场景：设计系统、组件库、Web 与移动端界面、营销页图标与空状态插画。
限制：资料未提供具体价格、平台支持范围或效果数据；图标库许可与覆盖需以各库官方为准。