做设计还在随便搜图标?8 个免费可商用图标库 + 用图规范
图标是界面里最小也最容易出错的元素:风格不统一、版权踩坑、放大就糊。这篇把靠谱的免费图标库和使用规范一次讲清。
值得收藏的图标库
- Iconify:聚合了 20 万+ 开源图标,可按风格筛选,前端可直接用图标字体;
- Heroicons:Tailwind 官方出品,线性风格干净,MIT 授权随便用;
- Lucide:Feather 图标的活跃分支,线条细腻,覆盖 1500+ 常用图形;
- Remix Icon:中文名「 Remix 图标库」,面性和线性成对出现,中后台界面神器;
- Iconfont(阿里巴巴矢量图标库):中文生态最好,很多国内设计师上传原创图标,注意逐个看授权;
- Flaticon:量大,免费版需署名,商用看清楚每个图标的授权类型;
- SVG Repo:50 万+ 图标,授权标注清楚,支持直接下 SVG;
- Phosphor Icons:六种字重成套,适合需要粗细变化的品牌场景。
三条用图规范
- 一个项目只用一个图标库(或同一风格家族),混用线性图标和面性图标是业余感的最大来源;
- 尺寸统一走网格:24×24 或 16×16 的倍数,不要随手拉伸变形;
- 颜色继承文字色而不是写死,暗色模式才不会翻车。
授权红线
「免费」不等于「可商用」:下载页先找 license,CC0 随便用,MIT 需保留版权声明,CC-BY 需署名,标注「仅个人学习」的商用前必须买授权。找图标之前,也可以去资源荟的设计素材分类先把授权规则看明白——图标侵权的赔偿是按「每个图标」计算的,一次踩坑够买十年正版。养成先查授权再下载的习惯,设计生涯才走得远。
常见问题
免费图标可以商用吗?
逐个看授权:CC0 可任意使用,MIT 需保留版权声明,CC-BY 需署名,「仅个人学习」的商用前必须购买授权。
线性图标和面性图标能混用吗?
同一界面内不要混用。例外是导航态:未选中用线性、选中用面性,这是公认的状态表达方式。
图标放大后模糊怎么办?
用 SVG 矢量格式而不是 PNG 位图;SVG 无限放大不糊,还能通过 CSS 改色,前端项目首选。
实用清单(建议收藏)
- 一个项目固定一个图标库
- 下载前看清授权类型
- 图标尺寸走 24/16 网格
- 颜色继承文字色便于暗色模式
- 商用项目保留授权页截图
相关资料推荐(站内直达)
- 海报设计字体库 600 款(免费可商用 · 分类打包) 整理 600 款可免费商用中文字体,含手写、宋体、黑体、书法、可爱风分类,附字体授权清单与安装教程。…
- 高级感商用免费中文字体库(300+ 款 · 分类整理) 按黑体、宋体、手写、艺术、英文五类整理 300+ 款可商用字体,标注授权范围,附字体管理与搭配指南。…
- 1000+ 国潮中国风设计素材包(PNG 免抠+PSD 源文件) 包含祥云、仙鹤、山水、印章边框等国潮元素,全部高清免抠 PNG 并附带可编辑 PSD 源文件,海报、…
觉得有用?资源荟 · 优质资料 / 421+ 精选导航 / 36 款在线工具,全免费
立即免费使用 →
立即免费使用 →