设计稿写到一半找不到合适的图标，从 iconfont 一张张截图插进来，最后导出来全失真？做 UI 最浪费时间的不是设计本身，是「找素材 + 改尺寸 + 统一风格」。这份资源整合 4.6MB 的 Lucide 图标库与开源设计组件，全部矢量、开源可商用。

[判断标准] 你的项目是否需要统一图标系统

符合任意一项就该建图标库：超过 5 个页面、跨端（Web/iOS/Android）、需交付给前端开发、有设计规范文档、复用率超过 30%。

[关键参数] SVG 图标尺寸与描边规范

统一使用 24×24 画布、1.5 或 2 像素描边、圆角端点。Lucide 默认 2 像素实心描边，跟 Material Icons 完美对齐。前端用 stroke-width 一行代码就能调粗细。

[避坑点] 别再在设计稿里嵌入位图图标

PNG/JPG 图标放大模糊、换主题色要重新出图。全部用 SVG 后，设计师改一次色，前端自动同步，深色模式无缝切换。

[易踩坑] 图标版权与商用风险

iconfont 很多图标是个人上传，无明确授权协议，企业项目商用有合规风险。资源包里整合的 Lucide、Carbon、Heroicons 全部 ISC/MIT 开源，可商用、可二次修改。

[场景建议] 三套设计系统起步模板

①SaaS 后台类：左侧导航 + 顶栏 + 数据卡片；②电商类：商品瀑布流 + 购物车 + 详情页；③内容平台类：信息流 + 评论 + 专题页。模板直接导入 Figma 二次修改。

总结：资源包含 Lucide 完整图标库、Carbon Design System 组件模板、Figma 通用 UI Kit，全部矢量、可商用、可二次开发，设计师效率提升 3 倍。