直接说结论
找免费矢量图标,别一上来就搜「免费下载」四个字。我现在的做法是:优先用带 CC0 或明确可商用授权的图标库,免登录能直接拿 SVG 和 PNG,一般 24×24 或 48×48 网格、线性与面性两套风格够用。需要位图再导 WebP。
踩过的坑:搜「免费下载」反而最慢
上个月赶一个落地页,晚上十点开始找图标,搜「免费矢量图标下载」,前两页点进去 6 个站,3 个要注册,2 个下载按钮点下去跳广告,只剩 1 个能直接用。半小时就这么没了。
后来我改了关键词,直接搜「icon set」「outline icons」「CC0 icons」这类英文词,命中率高很多。中文站也不是不行,但授权说明往往写在角落,得翻半天。
我的判断标准很简单:能不能免登录下载。要邮箱、要注册、要关注公众号才能拿 SVG 的,我基本直接关掉。不是不能注册,是临时找图标时根本不值得。
四类图标站,按场景挑
第一类:通用型大库。 这类站图标量通常在几千到上万个,覆盖界面、社交通讯、文件、箭头这些高频场景。格式给得全,SVG、PNG、WebP 一般都有,有的还提供字体图标。授权多是 CC0 或自有宽松协议,可商用、免署名。适合做后台、App、官网这种要成套风格的项目。
第二类:单一风格精品库。 只做一种风格,比如纯线性、纯双色、纯填充。数量可能就几百到一两千个,但线条粗细统一、圆角统一,放在一起不打架。我试下来,做品牌页、作品集这种对视觉一致性要求高的活儿,用这类最省心。缺点是想要的冷门图标可能没有。
第三类:开源项目配套图标。 很多开源设计系统会把自己的图标集单独放出来,通常是 SVG 源码形式,有的还带 Figma 组件。授权跟项目走,多是 MIT 或 CC 系。适合已经在用那套设计系统的团队,风格天然统一。
第四类:AI 生成 + 手动修。 实在找不到的冷门概念,我会用 AI 生成一个近似图形,导出 SVG 或 PNG,再在矢量软件里改锚点。这条路能救急,但别指望直接能用,改的时间有时比自己画还长。
授权这事,别只看「免费」
免登录不等于可商用,可商用不等于免署名。我见过标着「免费」的图标站,细则里写着个人使用免费、商用要买授权。
CC0 是最省事的,基本等于放弃版权,商用、修改、再分发都行。CC BY 要署名,得在页面某处标注来源。有些站用自己的协议,允许商用但不许转售图标本身。
我的做法是:商用项目只挑 CC0 或协议里明确写「可商用、免署名」的。拿不准就换一个站,图标这东西替代品多的是,没必要为一个小图标去啃法律条款。
格式怎么选,PNG 还是 SVG
矢量图标优先拿 SVG。SVG 是矢量,放大到 200% 也不糊,还能改颜色、改线宽。CSS 里直接改 fill 就行,做主题切换特别方便。
PNG 适合固定尺寸的场景,比如邮件模板、部分老系统。常见给 24×24、48×48、64×64 几档,导出时注意选透明底。
WebP 体积比 PNG 小,网页上用得多,但有些老工具不认。我一般网页用 WebP 或 SVG,设计稿和印刷留 SVG,实在要位图再补 PNG。
操作步骤
- 先定风格:线性还是面性,圆角还是直角,线宽 1.5 还是 2。定完再去找,别边找边改主意。
- 搜英文关键词,比如「outline icons」「line icons」「icon set」,比中文「免费下载」准。
- 进站先看授权页,找 CC0、可商用、免署名这几个字。找不到就换。
- 确认能不能免登录下载 SVG。要注册的先放一边,除非这站风格特别对。
- 下载后统一命名,按「功能-风格-尺寸」存,比如「search-outline-24.svg」。
- 商用前把来源和授权截个图存档,以后换人接手也不用重新查。
去哪下载:这套免费素材库可以直接用
上面这些图标素材,我常用的是一个免登录的免费库,收录了 400 多个扁平图标,每个都提供 PNG、SVG、WebP 三种格式,授权是 CC0,个人和商用都不用申请。比如完整的图标合辑在 免费 AI 素材库,单个图标示例:arrow-up,点进去就能直接下载,不需要注册或卡密。
常见问题
Q:免费矢量图标真的能商用吗?
A:看授权。标 CC0 的基本可以随便用。标 CC BY 的要署名。有些站写「免费」但商用要授权,得看细则。拿不准就换站,替代品很多。
Q:免登录的图标站是不是资源少?
A:不一定。有些大库就是免登录直接下,量在几千到上万个。反倒是要注册的站,有的只是拿注册换用户数。
Q:SVG 下载后颜色不对怎么办?
A:多半是图标自带 fill 写死了。用编辑器打开,把 fill 改成 currentColor 或删掉,就能跟着 CSS 走。
Q:AI 生成的图标能直接用吗?
A:不建议直接用。生成的 SVG 锚点经常乱,线条不闭合。当草图可以,导出后还得手动修。
Q:一套项目里能混用几个站的图标吗?
A:能,但风格容易乱。线宽、圆角、视觉重量不一致,摆一起很明显。尽量一个项目一套主图标,缺的再单独补。
Q:图标要存多大尺寸?
A:矢量存 SVG 就行,尺寸无所谓。位图至少存 24×24 和 48×48 两档,高清屏用得上。
Q:下载一堆图标怎么管理?
A:按风格建文件夹,文件名带功能和尺寸。我一般再留一个来源记录,写清站名和授权类型。
最后说两句
我现在固定用四类站搭配:大库打底、精品库定风格、开源库对齐设计系统、AI 补冷门。你呢,平时找图标是直接搜中文,还是已经改用英文关键词了?下篇我打算写写图标怎么统一改色和批量导出 WebP,踩过的坑不少,感兴趣的可以回来看看。
📚 相关专题:未分类