直接说结论
上周赶UI改版，凌晨两点在23个所谓“免费矢量站”里来回横跳，最后只落地4类真·免登录、可商用、含SVG/PNG/WebP的源头。全文把这4类站的授权细节、下载步骤、避坑口诀一次讲透，照着做能省3小时找图时间。
别再在搜索页烧命了
上周四晚十点，设计组群里甩过来一句“明早十点上线，tab栏那五个icon还得换成线性风”。我打开常用的三个收藏夹，第一个提示“登录后下载SVG”，第二个弹窗“免费用户仅限PNG 512px”，第三个直接跳转付费页。来回切了四十分钟，浏览器标签页开到二十七个，眼睛酸得流泪，最后还是在一个冷门聚合站抠出五个24px的SVG，勉强拼凑上线。那晚我发誓：再不建一份“能直接拿走、敢商用、格式全”的白名单，下次赶工期真得猝死在键盘上。
四类真·可用站的硬指标
我把那晚开过的27个标签页逐个验证，只保留满足三条红线的：① 免登录直下 SVG/PNG/WebP 三格式；② 标注 CC0 或同等宽松协议，明确可商用不署名；③ 单包图标数≥500，覆盖常规线性/填充/双色三种风格。最后活下来的只有四类：
1. 官方维护的开源图标库（如某知名UI框架自带库），单包1.2万+，SVG源文件带命名规范，直接npm install或官网打包下载，协议写着MIT，商用零顾虑。
2. 设计师个人维护的GitHub仓库，典型案例是某位全职维护了六年的线性图标集，现有6,400+ SVG，每月更新，Readme里贴着CC0徽章，下载即用，连package.json都帮你写好。
3. 聚合搜索型站点，不存源文件只做索引，点进详情页跳转原作者GitHub/CDN，实测单次跳转≤2次，无广告、无强制登录，支持按关键词批量生成ZIP，内含SVG+PNG@2x+WebP三套。
4. Figma社区插件直出型，装插件→搜关键词→一键导出当前帧为SVG/WebP，适合在设计稿里直接替换，省去下载-拖拽-重命名三步操作。
实操：从搜关键词到拖进Figma只需4步
- 打开聚合搜索站，搜“navigation line 24px”，筛选项勾选“SVG”“CC0”“可商用”，命中387个结果。
- 全选→点“打包下载ZIP”，3.2秒拿到含SVG/PNG@2x/WebP三格式的压缩包，解压后文件名已是
ic_nav_home_24.svg这种语义化命名。 - 拖入Figma资源面板，右键“Replace selection”，原组件实例同步更新，连自动布局间距都不用改。
- 提交MR前跑一次SVGO压缩，体积中位数从1.2KB降到0.7KB，CI过检零报错。
全程免登录、无水印、无“仅限个人使用”小字，我用秒表计过，单套5图标端到端4分12秒。
避坑口诀：三看一试
看协议页有没有“CC0 / Public Domain / MIT”原文链接——见“免费商用”四字不敢点的直接关页。
看下载按钮旁边标不标格式尺寸——只写“Free Download”不给PNG/SVG/WebP尺寸的，大概率是诱导注册。
看文件名规则——解压后全是icon_001.svg这种无语义命名的，批量重命名会耗死你。
试一键批量导出——真正的聚合站支持“选中50个→生成ZIP”，假的会让你逐个点“下载PNG”再弹登录框。
去哪下载：这套免费素材库可以直接用
上面这些图标素材，我常用的是一个免登录的免费库，收录了 400 多个扁平图标，每个都提供 PNG、SVG、WebP 三种格式，授权是 CC0，个人和商用都不用申请。比如完整的图标合辑在 免费 AI 素材库，单个图标示例：settings-gear，点进去就能直接下载，不需要注册或卡密。
常见问题
Q：下载的SVG在Figma里打开路径崩了怎么办？
A：先用浏览器拖拽预览，路径正常则是Figma解析bug，选中图层→右键“Outline stroke”再“Flatten”通常能修；若浏览器里就崩，换同站同关键词下一组，别死磕单文件。
Q：聚合站跳转到GitHub后提示“Rate limited”下不了？
A：把仓库地址复制到RawGitHub或jsDelivr CDN前缀，如`https://cdn.jsdelivr.net/gh/user/repo@main/icons/`，浏览器直接批量保存为ZIP，绕过API限流。
Q：公司法务要求每个图标都要授权书截图？
A：只用带LICENSE文件的官方库或GitHub仓库，把LICENSE全文+仓库Readme截图打包进设计交付包，法务审核通常30秒过。
Q：WebP格式在旧版安卓WebView里不显示？
A：导出时同步勾选PNG@2x做兜底，代码里用`<picture>`标签做降级，体积差只有15%，兼容性零投诉。
Q：想自己维护一套内部图标库，起步选哪类源最省事？
A：克隆某开源UI框架的图标包，删掉不用的分类，跑脚本批量重命名加前缀，再发布到私有npm，半天搞定一套可版本管理的内部库。
Q：免费站突然挂了或改协议了怎么兜底？
A：本地保留最近三版ZIP，GitHub仓库fork一份到自己组织，CI里加个定时任务每周同步上游commit，改协议的commit一触发报警即可锁版本。
Q：批量改色（如把全部#000改成品牌色#1A73E8）最快怎么弄？
A：VS Code装“SVG Color Replacer”插件，打开解压文件夹→全局搜索替换`fill="#000"`→保存，200个图标3秒搞定，比Figma批量插件还快。
最后说两句
下篇我会实测把这四类源接进CI/CD，做成“提交PR自动生成图标字体包”的流水线，想看自动化脚本长啥样的，评论区扣个“1”我整理发你。
📚 相关专题：未分类