SVG Repo 上手：检索、在线改色、导出尺寸与许可判定

SVG Repo 是一个在线矢量图标与插画库，打开网页就能搜、能在线改色、能直接下载 SVG 或 PNG，不用注册也不用装软件。它解决的问题很具体：临时缺一个图标，又不想为它开一次设计软件。

省事的地方在检索和编辑，麻烦的地方在授权：同一个站里的文件可能挂着七八种不同的许可，能不能商用要看单个图标页，不能看站点标题。下面按「找图—改图—导出—查许可」的顺序走一遍。

它是什么，和 Iconify、Game-icons 差在哪

站点首页把规模写在自己的标语里：50 万件以上开放许可的 SVG 矢量与图标，6000 多套集合，30 多种风格。素材按「集合」组织，单个集合的体量差得很远，页面上能看到的计数从 20 个、22 个、24 个，一直到 641 个、1717 个，所以别拿一个集合推断整站。

它和另外两个常被拿来对比的站点，定位其实不重叠：

• SVG Repo 是面向人的检索站。逐个图标标许可，带网页编辑器，适合挑一两个图标改色后导出。
• Iconify 是面向工程的聚合框架，把分十六类列出的开源集合收进同一套体系，许可跟着集合走，适合接进构建流程。
• Game-icons.net 收的是 4180 个游戏向图标，风格高度统一，全部 CC BY 3.0，必须署名，适合桌游与游戏原型。

一句话分工：要一个能马上改色的图标，来这里；要把图标当成依赖管起来，去 Iconify；要成套统一画风的游戏素材，去 Game-icons。站内之前写过 Iconify 的取用方式与 Game-icons 的换色导出，可以对着看。

检索与筛选：从词进去，按风格收窄

搜索框吃的是英文关键词，输入概念词比输入中文译名准得多。结果页顶部会按画法切成九档：Monocolor、Multicolor、Duotone、Outlined、Filled、Icon、Glyph、Rounded、Sharp。同一组结果在这九档下是不同文件，不通用。这层入口在每个分类页都在，比如cloud 的分类页顶上就并排列出九种画法。

实际操作里更稳的路径是三段：先用关键词撞出候选，再用风格档位筛掉画法不合适的，最后回到集合页横向看同一套里的其他图标。理由是集合通常出自同一位作者、同一套网格，成组取用时风格容易统一；单张混着拿，线宽和圆角很难对齐。

风格档位的另一个用处是判断改色难度。Monocolor 与 Glyph 基本是单色路径，改一个颜色就够；Multicolor 与 Duotone 有多组填色，网页编辑器未必全都覆盖到，导出前要逐块确认。另外，名字里带 alt、outline、filled 这类后缀的，多是同一图标的不同变体，成组抓取时留意别导出重复件。

改色与导出：编辑器里能改什么

图标详情页顶部有三个字段，先看它们再动手：COLLECTION 指向所属集合，LICENSE 是一个可点的链接，UPLOADER 标明上传者。这三个字段合起来决定这个文件能不能用，比站点标语可靠。

下载区直接给五个出口：Download SVG Vector、SVG Optimized，以及 PNG 256x256、512x512、1024x1024。点 Edit Vector 进入在线编辑器，可调的项有这么几组：

• 尺寸与留白：Icon Size、Padding。
• 线条：Thickness、Line Color、Trace Width。
• 形态：Flip/Mirror、Rotation、Diagonal、BG Shape。
• 输出：Copy SVG，或按 SVG Optimized 与三档 PNG 导出。

编辑器还有 Light 与 Dark 两套预览底色，改浅色线条时切换一下，能提前发现改完在白底上糊掉的问题。要注意它主要动的是线条颜色，多色插画的填色不一定跟着变。

一个容易被忽略的细节：PNG 的三档尺寸是从编辑器里导出的，所以颜色、留白、旋转要一次性定好再导出，否则回头重来三遍。拿到 SVG 之后，在项目里尽量用 currentColor 接管颜色，别把十六进制色值写死在文件里，否则暗色模式还得再改一轮。

许可怎么判：一张表与三条红线

站点的默认许可是 SVG Repo License。按许可页的说法，这类内容「不需要给 SVG Repo 或任何作者署名」，可以分享与改编，但不能把素材原样转售，也不能以类似本站的方式再分发。同时那句关键的话也写在同一页：「除非单个图标页另有说明，本站分发的全部图标与矢量都适用此许可。」

换句话说，默认只是兜底，单个图标页上的 LICENSE 字段才是准的。站点把许可分成这几类，商用与署名的差别可以直接对照：

落到操作上，有三条红线值得记住。一是标了 CC BY-NC 的一律不进商业项目，包括客户提案里的示意稿。二是标 Logo 的多是第三方商标，站点明说这类素材的使用规则由各公司自己定，不能当成自有品牌素材来改。三是 UPLOADER 为第三方用户的集合，许可要按单图标页核对，不要按集合整包推断。

还有一句免责要照抄：许可页自己写明，页面上的许可摘要是「基于各许可链接的归纳，不具法律约束力」。真要用于对外的商业交付，点进 LICENSE 链接看原文，别只看摘要。

团队协作里有个笨办法很管用：把用到的图标连同图标页地址、LICENSE 字段和下载日期记进一份清单，跟设计稿一起进版本库。素材站的索引会变，某个文件哪天被换成别的许可，事后很难倒查；清单在，责任边界就在。

适用场景与替代站

合用的场景：后台管理系统的功能图标、活动页的小插画、原型与线框图、PPT 里的示意图。这些场合要的是「快」和「能改色」，不需要一套严密的图标系统，也不需要保证三年后还能补到同款。

不合用的场景也要说清。要做一整套视觉语言统一的产品，图标应当锁在同一个开源集合里按依赖管理，这时候 Iconify 更合适；要游戏或桌游的成套素材，去 Game-icons；要成组的矢量插画而不是单个图标，可以看站内写过的 Kenney.nl 的 CC0 素材。

上手建议三条：搜索一律用英文；选定图标先看 LICENSE 再下载，别等设计稿定稿才发现是 NC；需要多尺寸时先进编辑器定好颜色与留白，一次性导出 SVG 加三档 PNG。按这个顺序，一个图标从找到用到落地，通常两三分钟能走完。

相关地址

以下为文中站点的官方入口，许可条款与下载格式以这些页面为准。

• SVG Repo（主站）：https://www.svgrepo.com/
• SVG Repo（许可说明）：https://www.svgrepo.com/page/licensing
• SVG Repo（示例图标页，含编辑器入口）：https://www.svgrepo.com/svg/201712/documentation-edit
• Iconify（官网）：https://iconify.design/
• Iconify（图标集合检索）：https://icon-sets.iconify.design/
• Game-icons.net（官网）：https://game-icons.net/