直接说结论
找免费图标库,优先看授权和登录门槛:CC0 或 MIT 类可商用、免登录直接下 PNG/SVG 的最省事。我实测一圈后,按扁平、线性、双色、品牌四类各留一个主力库,总共 4 个,够日常 90% 的活儿,还不用注册。
上周三晚上十点,我改一版活动落地页,缺 6 个扁平图标,翻出收藏夹里 23 个图标站,一个个点进去。有 8 个要登录,5 个下载按钮藏得跟彩蛋似的,3 个下下来是带水印的预览图。折腾四十分钟,图标没凑齐,火先上来了。那晚我把收藏夹清了一遍,只留 4 类。这篇就讲我怎么筛的,以及你怎么照着做。
先看授权,别等上线了才发现不能用
授权是第一步,也是最容易翻车的。图标常见三类:CC0、MIT、CC BY。CC0 等于作者放弃权利,商用、改色、再分发都行;MIT 一般要求保留版权声明,做网页时塞进项目说明文件就够;CC BY 要求署名,放在页脚或关于页。我踩过的坑是:某个库首页写着「免费」,点进单个图标才发现标着「仅限个人使用」,这种混着授权的库最坑,得逐个看。
判断方法很土但有效:下载页有没有单独标注每个图标的 license 字段。有,就说明作者认真管这事;没有,只写一句「free for personal use」,直接跳过。
免登录的库,能省掉一半时间
免登录这点,用过就知道多重要。要注册的库,流程通常是:填邮箱、收验证码、进后台、搜图标、点下载、再确认一次条款,6 步。免登录的库,搜完点一下就落盘,2 步。我试下来,一次任务要下 10 个图标,登录型库光注册和验证就吃掉五六分钟。
免登录不等于没限制。有的库免登录但限速,一分钟只能下几个;有的免登录但只给 PNG,想要 SVG 得登录。我一般先试搜一个关键词,看下载按钮是否直接触发文件,能直接下就先留着。
格式要看清:PNG、SVG、WebP 各管一摊
格式选错,后面返工。PNG 适合位图,放大就糊,一般给 24×24 到 512×512 几档,做小尺寸示意图够用。SVG 是矢量,无限放大不虚,还能在代码里改填充色,做网页和 App 界面首选。WebP 体积小,同样清晰度下比 PNG 小三四成,适合图标数量多的列表页。
我的习惯:界面里的图标一律 SVG,导出分享图或插画式图标用 PNG,图标密集又在意加载速度时用 WebP。有次偷懒全下 PNG,页面图标一放大全糊,又重下一遍,等于白干。
扁平图标怎么挑,看线条和网格
扁平图标的关键在一致性。混用两套库,圆角半径、线条粗细、视觉重心都不一样,摆一起就乱。挑的时候看两点:一是网格,常见 24×24 或 32×32,同一套库应该统一;二是描边粗细,2px 和 1.5px 混着来,眼睛能看出来。
我通常一套库配一套用,主色只改填充,不改结构。要混用,就选视觉语言接近的,比如都是圆角端点、都是等宽描边,这样拼一起不突兀。
操作步骤
- 打开候选库,先搜一个具体词,比如「设置」「搜索」,别用「图标」这种泛词。
- 看结果页每个图标有没有独立授权标注,没有就换库。
- 点一次下载,确认是否免登录、是否直接出文件。
- 检查格式列表,确认有 SVG;只有 PNG 的,留着当备选。
- 下载 3 个同套图标,放大到 400% 看线条是否一致。
- 建一个「已用图标」文件夹,把授权说明截图一起存,方便日后查。
去哪下载:这套免费素材库可以直接用
上面这些图标素材,我常用的是一个免登录的免费库,收录了 400 多个扁平图标,每个都提供 PNG、SVG、WebP 三种格式,授权是 CC0,个人和商用都不用申请。比如完整的图标合辑在 免费 AI 素材库,单个图标示例:clock,点进去就能直接下载,不需要注册或卡密。
常见问题
Q:免费图标库真的能商用吗?
A:看授权类型。CC0 和 MIT 基本都能商用,CC BY 要署名。关键是别信首页那句「免费」,要点进单个图标看它的 license 字段,逐个确认。
Q:免登录的库是不是质量差一些?
A:不一定。免登录只是下载门槛低,跟质量没关系。我见过免登录但图标做得很规整的库,也见过要注册但线条歪的。判断质量还是看网格和描边一致性。
Q:PNG 和 SVG 到底选哪个?
A:界面和需要改色的场景用 SVG,矢量放大不糊,代码里能直接改填充。分享图、插画式图标用 PNG。图标多又在意体积,可以导 WebP,一般比 PNG 小三到四成。
Q:一套图标不够用,能混两套库吗?
A:能,但要挑视觉语言接近的。看圆角端点、描边粗细、网格尺寸是否一致。差太多就只混非相邻位置,别让两套图标挨着放。
Q:下载的图标能改颜色和形状吗?
A:SVG 随便改,填充色、描边都能在代码或设计工具里调。PNG 改色会损失边缘质量,尽量别。改形状前先看授权,CC0 和 MIT 一般允许修改。
Q:图标文件名很乱,怎么管理?
A:下载后按用途重命名,比如「nav-search.svg」「btn-close.svg」。再建个表格记来源和授权,几十个图标也不会乱。我吃过亏,三个月后想找某个图标的出处,翻了半天。
Q:商用后作者找上门怎么办?
A:概率低,但真遇到就出示授权截图。所以第 6 步那个「授权说明截图」别省,几秒钟的事,能省掉后面扯皮。CC0 的库最省心,基本没这烦恼。
最后说两句
图标库这事,工具不在多,在授权清楚、下载顺畅、格式齐全。你现在的收藏夹里,有几个是真正下过文件、确认过授权的?下篇我打算聊聊图标和字体怎么搭才不打架,包括字号、间距和视觉重量的匹配,感兴趣可以先把手头这套图标理一遍。
📚 相关专题:未分类