直接说结论
免费图标库够用的就 4 类：通用扁平、品牌 logo、动态图标、矢量编辑源文件。都支持 PNG、SVG、WebP，多数免登录可商用，认准 CC0 或 MIT 授权即可。
我踩过的坑：90% 的人第一步就搜错了
上周三晚上十点，我要给一个落地页配 12 个功能图标，随手搜「免费图标库」，前五个结果里三个要注册，一个下载按钮点下去是压缩包里的 PNG 只有 48×48，放大到 96 就糊。折腾四十分钟，一个能用的都没落地。
问题不在库少，在于搜索词太泛。我后来把词换成「扁平图标 SVG 免登录」，命中率立刻不一样。扁平图标的场景很明确：后台菜单、功能卡片、空状态页，线条统一、描边 2px 左右最稳。
另一个坑是格式。PNG 只适合固定尺寸的展示位，SVG 才能改颜色和描边，WebP 体积小但图标场景其实用得少，别为了省几 KB 牺牲可编辑性。
通用扁平图标：一套顶十套
这类库的共同点是风格统一、数量在 1000 个以上、分类按场景切好。我常用的一套是 2000 枚左右的线性图标，描边 2px，24×24 网格，导出 SVG 后直接改 currentColor 就能跟随文字颜色。
我试下来，判断一个扁平库值不值得留，看三点：网格是不是 24 的倍数、有没有成对提供线性+填充两种风格、图标命名是不是英文语义化。命名乱的库，找「settings」能翻出五个重复项，时间全耗在筛选上。
授权上，CC0 的最省心，署名都不用。MIT 的也基本等于可商用，只是保留原始协议文件更稳妥。看到「仅限个人使用」的直接跳过，别赌。
品牌图标：只认官方那几家
做社交登录、分享按钮，别去通用库里翻。品牌 logo 有官方规范，颜色、留白、圆角都有硬性要求，通用库里的版本经常是三年前的老 logo。
我需要品牌图标时，先找官方品牌资源页，拿 SVG 原件；找不到再去专门的品牌图标聚合库，这类库通常提供 SVG 和 PNG 两种，且会标注更新日期。数量上，主流聚合库覆盖 3000 个以上品牌，但常用的其实就 20 来个。
踩过的坑是：有的库把品牌 logo 做成单色轮廓，看着统一，实际用起来和官方彩色版混排会打架。社交场景老老实实用原色。
动态图标：省掉一个动效的活
做加载态、成功提示、空状态，静态图标太干。动态图标库一般提供 JSON 或 GIF，JSON 版本可以调播放速度、循环次数，体积通常只有同效果 GIF 的三分之一。
这类库数量不多，我留了一个 1000 枚左右的，覆盖加载、勾选、报错、上传这几类高频动作。导出时注意：JSON 需要配套的播放器组件，纯静态页面就直接下 GIF 或 WebP 动图，WebP 动图体积比 GIF 小一半左右。
免登录这点在这类库上尤其重要，动效要反复预览、对比速度，每次都要注册登录，效率直接砍半。
矢量编辑源文件：改一笔就够
有些项目需要把图标拆开重组，比如把「云」和「箭头」拼成上传图标。这时候要的是可编辑源文件，通常是 SVG 或 AI 格式。
我留的一类库主打 SVG 源文件，每个图标分层清晰，路径不合并。改描边粗细、换个圆角，两分钟搞定。这类库数量一般在 500 到 1500 之间，胜在质量而不是数量。
判断能不能编辑，下载后看 SVG 里有没有多个 path 节点。只有一个 path 的，多半是合并过的，改起来要重新描。
操作步骤
- 先定场景：后台菜单、功能卡片、社交分享、加载动效，四类分开找，别用一个库硬撑。
- 搜的时候带上格式词，比如「扁平图标 SVG 免登录」，比单搜「免费图标库」命中率高。
- 下载优先选 SVG，检查网格是不是 24×24、描边是不是统一，命名是否语义化。
- 确认授权：CC0 或 MIT 直接用，看到「仅个人使用」立刻换库。
- 落地前统一处理：改 currentColor 跟随文字色，导出 WebP 只用在体积敏感的大图位。
- 建一个自己的精选文件夹，每个场景留 1 到 2 套，超过就删，别囤。
去哪下载：这套免费素材库可以直接用
上面这些图标素材，我常用的是一个免登录的免费库，收录了 400 多个扁平图标，每个都提供 PNG、SVG、WebP 三种格式，授权是 CC0，个人和商用都不用申请。比如完整的图标合辑在 免费 AI 素材库，单个图标示例：user-group，点进去就能直接下载，不需要注册或卡密。
常见问题
Q：免费图标库真的可以商用吗？
A：看授权。CC0 和 MIT 基本等同可商用，署名都不强制。标「仅限个人使用」的不能商用，标「需署名」的商用时要加出处。下载页的授权说明一定看一眼，别默认全都能用。
Q：PNG、SVG、WebP 到底该选哪个？
A：能编辑就选 SVG，改色改描边都方便。固定尺寸的展示位用 PNG，导出 2 倍图防糊。WebP 体积小，适合大尺寸装饰图标，但图标场景用它的机会不多。
Q：为什么搜出来的图标尺寸都很小？
A：多半是下载了位图预览版。矢量库的 PNG 导出通常可选 24、48、96、512 等多档，默认给的是小尺寸。想要大图，回下载页选尺寸，或者直接下 SVG 自己导出。
Q：图标风格混用会不会很乱？
A：会。描边 2px 的线性图标和填充图标放一起，视觉重量差一截。一个页面只用一种风格，线性就全线性，填充就全填充。混用只在「选中态」这种刻意区分的地方用。
Q：免登录的库是不是质量差一些？
A：不一定。免登录只是少了一道注册墙，和图标质量没直接关系。我常用的几套都是免登录直接下，网格规范、命名清晰。反倒是有些要注册的库，下完发现只有 48px 的 PNG。
Q：动态图标怎么调速度？
A：下 JSON 格式的，播放器组件里一般有 speed 参数，0.5 到 2 倍都能调。下 GIF 的没法调，只能重新导出。所以动效需求优先选 JSON 版本。
Q：一个项目留几套图标库合适？
A：每个场景 1 到 2 套就够。我删掉 23 个站之后只留 4 类，每类 1 到 2 套，找图标的时间反而短了。囤库的代价是每次都要重新筛一遍。
最后说两句
图标库这事，数量不是关键，网格统一、命名清晰、授权干净才是。你现在的项目里，图标是线性还是填充风格？下篇我打算写「同一套图标怎么在明暗两种主题下都不糊」，涉及 SVG 变量和描边适配，感兴趣可以先留意。
📚 相关专题：未分类