做PPT、画原型、写网页,或者改UI稿,经常卡在第一步:找不到顺眼的图标。不是太花哨,就是风格不统一,要么下载完发现要付费——其实,线性图标(也就是细线条、无填充、轮廓感强的那种)资源特别多,关键是得知道去哪挖。
1. Iconfont(阿里妈妈)
国内设计师最常用的,不用翻墙,注册就能下。搜“线性”“outline”“line”,一堆结果。支持SVG直接下载,还能一键生成字体包,嵌入网页超方便。比如:
<i class="iconfont icon-home"></i>配上CSS,一行代码调一个图标。2. Feather Icons
开源项目,轻量简洁,全是标准24px尺寸,线条粗细统一(2px),适配高分屏。GitHub上Star过6万,文档清爽,连React/Vue组件都给你写好了。本地用时,直接引入CDN:
<script src="https://unpkg.com/feather-icons"></script><script>feather.replace()</script>3. Lucide Icons
Feather的升级版,新增了400+图标,还支持主题色切换和动态旋转。图标命名直白,比如 calendar-search、message-square,抄名字就能用。npm装也快:
npm install lucide-react4. Tabler Icons
1800+线性图标,分类清晰,有Figma插件,设计稿里拖拽就用。每张图标都有stroke-width可调参数,导出SVG时能自己设线条粗细,对细节控很友好。
5. Remix Icon
分线性(Line)、填充(Fill)、双色(Twotone)三套,同一图标三种形态全齐。搜索“user-line”或“settings-line”,立马出结果。图标带中文标签,适合边查边记,新手上手零压力。
小提醒:别光盯着“免费”二字,下载前看一眼授权协议。像Iconfont大部分是阿里巴巴许可,商用没问题;Feather和Lucide是MIT协议,改名再卖都行;Tabler和Remix也是宽松开源协议,放心塞进你的项目里。