做PPT、设计网页、写文档,经常需要各种小图标来点缀。找图标最怕什么?翻了半天找不到想要的类型,或者一堆图标风格不统一。其实有几个网站,图标分类特别全,想找啥基本都有。
Flaticon:图标界的“大超市”
搜“分类齐全的图标资源”,十次有八次会蹦出 Flaticon。这网站光图标就有上百万个,按行业、用途、场景分得明明白白。比如你要做个健康类的PPT,直接点“医疗”分类,血压计、药丸、心电图全冒出来。支持下载 PNG、SVG 两种格式,用在网页或打印都方便。
注册免费账号就能下,不过带个 logo 水印。去水印得开会员,但日常用用免费版完全够。
Iconfont:阿里出品,中文体验友好
国内用户用 Iconfont 特别顺手,毕竟是阿里做的,界面全是中文,搜索也支持拼音。设计师常用来给网页加图标库,前端也能直接引用。
它的分类也很清晰,比如“社交”“文件”“交通”这些大类下面还有细分。更实用的是可以把自己常用的图标放进“项目”,就像建个个人图标收藏夹。团队协作时,共享一个项目,大家都能调用同一套图标,风格不会乱。
<link rel="stylesheet" href="//at.alicdn.com/t/font_123456789.css">
<i class="iconfont icon-xiala"></i>
日常怎么用?举个例子
上周同事要做一份旅游攻略文档,需要飞机、酒店、景点这类图标。打开 Iconfont,搜“旅行”,筛选“线性图标”,选了十几个,一键下载 SVG,插进 Word 里大小颜色随便调,半小时排版搞定。
Material Icons:谷歌风格,简洁耐看
如果你喜欢干净利落的设计,谷歌的 Material Icons 很合适。图标全按字母排序,也有功能分类,像“设备”“编辑”“通知”等。特点是风格统一,圆角+简约线条,适合用在App或现代化网页中。
可以直接通过链接引入网页,几行代码就能用:
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<i class="material-icons">favorite</i>
点开官网,鼠标悬停在图标上就能预览效果,切换填充/描边也方便。
小建议:别光囤不用
很多人喜欢一次性收藏一堆图标网站,结果要用时还是手忙脚乱。建议固定用一两个顺手的,熟悉它们的分类逻辑。比如我主用 Iconfont,因为中文标签快,团队也认这个。
另外,注意版权。大部分网站标明“可商用”,但有些要求署名,下载前瞄一眼说明,避免踩坑。