用途：为设计系统搭建可扩展的图标方案，支持 SVG Sprite 或图标组件两种路线，统一尺寸令牌、描边宽度与无障碍处理，并覆盖图标字体转 SVG、建立图标组件库、制定尺寸标准等场景。
主要能力：对比 SVG Sprite、内联 SVG 组件、图标字体、外部 SVG 四种方案的适用场景、包体积与样式控制；提供 CSS 变量、Tailwind 配置、JSON 三种尺寸令牌写法（xs 至 3xl）；给出 React 基础 Icon 组件与单个图标组件示例，支持 size、label、className 等属性；提供 Sprite 文件结构、symbol 格式、React SpriteIcon 组件及基于 SVGO 的 Node.js 构建脚本；包含图标基础 CSS、尺寸类、填充变体、暗色模式、旋转与脉冲动画（含 prefers-reduced-motion）；说明装饰性与有含义图标的无障碍写法及 IconButton 模式；提供 SVGO 配置、Vite/Webpack 的 SVGR 集成，以及 Lucide、Heroicons、Phosphor 等图标库的接入方式；给出目录组织与图标加文字对齐、按钮图标位置等常见模式。
使用方式：先按项目需求选择 Sprite 或组件方案，再定义尺寸与描边令牌，创建带无障碍属性的包装组件，最后配置优化与构建工具。示例命令与代码保持原样，可按需替换路径与图标名。
适用场景：新设计系统图标搭建、图标字体迁移、图标组件库建设、尺寸标准制定与图标无障碍改造。
限制：资料未提供具体安装命令、版本要求、性能基准或收费信息；部分示例依赖 clsx、svgo、vite-plugin-svgr 等第三方库，需自行确认可用性。