图标与 SVG 往往贯穿产品设计与前端开发:从“快速找到合适图标”到“统一风格并批量导出”,再到“上线前压缩优化体积”。下面整理一份覆盖图标库、矢量编辑与 SVG 压缩的工具清单,方便你在不同环节快速选用。
免费商用:聚合多套开源图标集,适合在一个入口里搜索并统一调用。
常见用途:按关键词检索、预览不同风格、复制 SVG/代码片段。
需看协议:站内资源来源多样,下载前建议确认每个图标的许可说明。
常见用途:快速找常见通用图标,下载为 SVG 并二次编辑。
免费商用:风格一致、组件化友好,适合做产品内一整套 UI 图标。
常见用途:复制 SVG、用于 Web/移动端组件库。
免费商用:数量多、更新频繁,适合后台/工具类产品搭配使用。
常见用途:按类别筛选、下载 SVG、作为设计系统图标基础。
工具地址:https://feathericons.com/
免费商用:简洁耐看,适合轻量应用或内容产品的基础图标。
常见用途:快速替换默认图标、统一线宽与圆角风格。
免费商用:覆盖范围广,适合快速搭建 UI 原型与业务系统。
常见用途:按风格/类别挑选,下载 SVG/字体图标。
工具地址:https://fonts.google.com/icons
免费商用:适配 Material Design 体系,适合 Android/Google 风格产品。
常见用途:选择可变线宽/填充参数,导出 SVG 或作为字体使用。
工具地址:https://phosphoricons.com/
免费商用:提供多种粗细与风格,适合在同一套图标里做层级表达。
常见用途:不同权重用于不同信息层级,保持整体一致。
需看协议:项目本身开放,但品牌商标与使用场景可能有额外限制。
常见用途:做“第三方登录/渠道/合作伙伴”展示时的品牌图标。
需看协议:工具本身有免费层,但团队协作与资源使用规则以官方协议为准。
常见用途:统一图标网格与描边规范、做组件库、批量导出 SVG/PNG。
需看协议:提供在线编辑能力,部分高级功能可能需要付费或遵循其授权。
常见用途:打开 SVG 后快速改色、调节点、整理图层与导出。
免费商用:开源桌面端工具,适合深度编辑 SVG、路径布尔运算与导出。
常见用途:修正路径、合并/拆分形状、将复杂图形规范化为可复用图标。
工具地址:https://jakearchibald.github.io/svgomg/
免费商用:基于 SVGO 的可视化压缩,适合上线前减少体积与冗余信息。
常见用途:移除无用元数据、合并路径、压缩小数位,降低请求与渲染负担。
工具地址:https://squoosh.app/
免费商用:虽然主攻位图压缩,但配合图标导出 PNG/WebP 时很实用。
常见用途:导出图标位图后再压缩,对多分辨率资源进行体积优化。
工具地址:https://www.flaticon.com/
需署名:部分资源在免费使用时通常需要署名或遵循特定授权条款。
常见用途:快速找插画式/拟物风图标,适合运营物料或展示型页面。
工具地址:https://thenounproject.com/
需署名:常见授权要求包含署名或订阅,使用前建议按下载页面说明执行。
常见用途:按语义找图标灵感,补齐小众概念或行业词汇相关图标。