做设计系统或多端项目时,图标从命名、检索到压缩、打包与组件化,往往决定交付效率与一致性。下面这份清单把常用的图标管理、SVG 优化与导出工具按工作流串起来:先收集与检索,再做清理与压缩,最后完成字体/组件打包并与开发协作对齐。
需看协议:集合了多来源图标集,适合统一检索与在线预览;在项目中引用或下载前,务必按具体图标集的授权要求使用。
需看协议:专注品牌与产品 Logo 图标,检索快、格式统一;用于商用前建议核对单个品牌标识的使用规范与授权边界。
工具地址:https://fonts.google.com/icons
需看协议:适合做界面基础图标体系,支持多风格与可变参数;在产品中使用时注意对应授权条款与品牌规范。
需看协议:将图标做成组件并配合变体、命名规范与发布库管理;适合和设计系统一起维护,减少“同名不同形”的返工。
工具地址:https://jakearchibald.github.io/svgomg/
免费商用:基于 SVGO 的可视化界面,适合快速移除冗余属性、压缩体积并预览差异;导出前可针对描边/填充等保持策略做细调。
工具地址:https://github.com/svg/svgo
需看协议:适合在构建流程中自动清理与压缩 SVG;可与 CI/打包工具集成,保证团队输出一致(同一套规则压同一套图标)。
工具地址:https://yqnn.github.io/svg-path-editor/
免费商用:用于快速修改 path、对齐与简化路径点;适合处理“导出后路径过复杂/不干净”的图标,减少渲染开销与文件体积。
工具地址:https://www.svgviewer.dev/
免费商用:适合查看 SVG 结构、样式与渲染效果;可用于快速定位 viewBox、尺寸、fill/stroke 继承等常见问题。
需看协议:把多套图标按项目挑选后打包成 icon font 或 SVG sprite,并生成映射表;适合“按需打包”和统一命名,避免整包引入。
需看协议:生态成熟,适合快速搭建通用 UI 图标;商用与分发时要区分免费/Pro 与不同授权条款,避免直接混用。