图标在我们的日常生活中是随处可见,软件的界面元素,甚至你时常制作的幻灯片上都有。如果你是一位设计师,你可以自己制作一些非常精致的图标;如果你不是设计师,可能要被一个小小的图标折磨上好久。

图标的使用在设计界已经无处不在了,目前被广泛用于UI和网页设计的界面领域。我们使用图标时,一般是以下这六种展现形式或用途。

不用担心,今天为你介绍的这八个免费的图标网站,就能让你一样拥有很多非常不错的图标。

文章目录:


一、扁平化、拟物化、表情图标
二、网页字体图标
三、logo图标
四、图标制作工具

GRAPHBERRY

GRAPHBERRY是一个完全免费的素材网站,其中图标类的素材就有二十二项。图标的种类从写实到扁平化都有,可以满足你平时制作内容的基本需求。图标文件的格式大多为
PSD 格式,需要你使用 Photoshop 或者 Affinity Photo
等设计软件打开。除了图标之外,GRAPHBERRY 还提供了 Mockups、UI Kit
以及一些网站设计案例。如果你绝对某一个项目对你非常有用,你也可以在项目的详情页面买一杯咖啡送给他。


=

一、扁平化、拟物化、表情图标

LogoEPS

不知道你有没有遇到过这样的情况,时常在文稿中需要使用一些品牌案例的时候,却发现自己没有这些品牌的
Logo
图标。大家只好去图片搜索引擎上去寻找,可是找到的图标经常会出现清晰度不高、背景不是透明等给雷问题。而LogoEPS则是一个专门来寻找各类品牌
Logo 的矢量素材网站,提供了大量的 EPS
格式的素材。除了品牌涵盖面比较广以外,它还提供了品牌的历史中曾使用过的
Logo,比如 Apple 曾经使用的牛顿 Logo 就可以在这里找到。


iconstore图标库

iconstore
图标素材可能没其它图标库数量多,但重要的是icon质量好,并有详细的分类,大家可以通过分类来查找和项目相关的图标。

网站地址:https://iconstore.co

iconmonstr

在平时的正式文稿里,我们使用黑白图标的频率可以说是比较高的了。iconmonstr就是一个专门为你提供黑白图标的素材站点,从很基本的图形元素,到生活中常见的图标,甚至日常的社交
Logo,在这里你都可以找到。而且 iconmonstr 还为了提供 SVG、EPS、PSD、PNG
四种格式,方便你即使不用专业设计软件也可以愉快的使用它们。如果你还想有更快的操作,你也可以直接在官网下载它提供的Iconic
Font
,而且值得一提的是他们一直在保持着更新。


easyicon

这是一个可以用中文搜索的图标网站,所以觉得用户英文麻烦的同学可以使用这个,实际上,这个也只是把中文自动翻译成英文~

包含图标内容:扁平化、拟物化、表情

网站地址:http://www.easyicon.net/ (已加入设计导航搜索条)

Noun Project

Noun
Project
在图标类网站里算是很优秀的了,你可以直接在他的官网搜索并下载相关图标素材,它的素材范围可以说是非常广了,而且各类风格的图标都有。如果你非常喜欢
Noun Project,也可以考虑尝试一下他们的 Pro
版本,付费版里提供了一系列的软件支持,例如 Office、Adobe
等。除此之外,你还能直接对图标修改填充颜色。官方提供的价格是一年 39.99
美元,同时也提供了团队优惠和教育优惠。


iconfiner

老牌图标素材搜索引擎,里面有些付费图标不错,主打扁平化系列图标。

包含图标内容:扁平化、拟物化、表情

网站地址:http://www.iconfinder.com/

ICONFINDER

其实搜素引擎是一个非常好的东西,用了它你可以为自己节省很多时间。ICONFINDER就是这样一个网站,你可以直接键入关键词来找到你需要的图标。各种格式的图标都有,你也可以在左侧的筛选框中选择矢量图标。这里的图标分为付费和免费两种,对于付费来说你可以订阅它的服务或者单独购买。除了提供了八种图标格式之外,最近
ICONFINDER
还提供了一个简单的在线编辑器,你可以进行一个简单的矢量编辑,非常方便。如果你不打算购买付费版本以外,也可以搜索一些优秀的付费图标来为你自己寻找一些灵感。


阿里图标库

用户不仅可以在这里搜索下载ICON,还集成上传、收藏、管理图标功能,是国内不错的图标管理工具。

网站地址:http://www.iconfont.cn/

Iconfont

前面提到的 ICONFINDER
是无法中文搜索的,有的人可能会觉得不是很方便,下面就为大家国内的图标搜索引擎阿里巴巴矢量图标库。它丰富的图标库为大家的搜索带来了更多的选择,找到合适的图标以后,在图标的详情界面还能进行「分路径改色」。搜索下载只是一部分功能,用户还能上传自己的制作的图标成为一个「创造者」,当然你能设置打赏。如果你在一个团队,在这里也可以建立属于你们的项目,可以选择是公开还是加密,给团队的协作提供了一个更加快捷的渠道。


Flaticon

专注扁平化图标,真的超多……

网站地址:https://www.flaticon.com

Font Awesome

Font
Awesome
是一款面向开发人员的图标网站,你可以在网站中搜索你需要的元素,点击进入查看它的详细代码,在项目里直接调用就可以了。由于它是
SIL 字体协议(遵循 MIT 协议),所以版权上也比较宽松,可以放心使用。


=

Noun Project

这是一个纯扁平化图标提供网站,全部均可免费使用,当然设计达人网小编认为这里最牛
B 之处就是:图标高度可识别性!

包含图标内容:扁平化

我们将这个网站也放到了设计导航的素材搜索栏目,大家可以直接在设计导航的搜索条来搜索
Noun Project 的图标。

网站地址:https://thenounproject.com/
(已加入设计导航搜索条)

Human Pictogram

还记得在少数派的文章里经常出现的人体图标么,或者在幻灯片里时常也会出现。其实在Human
Pictogram
里为你提供了近四十页的人体图标,你可以通过日语或者英语的关键词进行搜索。从生活里比较常见的动作,到传统文化的项目,在这里都可以找到。它也为大家提供了
AI 设计稿、JPG、PNG 三种格式,。

有了这些网站,相信你的图标库再也不会枯竭了。如果你还有更好的推荐,欢迎在评论区留言。

by: here

二、 网页字体图标

网页字体图标相当多,但流行使用的也就这么几个,所以我们只列出几个优秀的
icon
font,更多可以看看我以前的文章《30个免费网页图标字体

Fontawesome

可能是世界上使用最多的开源网页字体,几乎你想要的图标都有了,并且国内也有这个字体的
CDN,真的相当好用。

网站地址:http://fontawesome.io/

PrestaShop official icon pack

PrestaShop 是开源电子商务平台,原先这个平台使用的也是
Fontawesome,因平台改版设计团队重新设计了一套新的图标包,并十分适用于电商行业,目前是免费下载使用。

网站地址:http://build.prestashop.com/news/icon-pack-beta/

EGO icon

一套设计非常个性的图标,因为图标填充了颜色,所以放大使用也有不错的效果。作为设计师,即使不下载,也可以当前参考。目前开放100个免费图标下载。

注:这不是网页图标字体,但觉得很有特色,推荐大家看看。

网站地址:http://ego-icons.com/

谷歌 Material Design 图标

Material design UI 必备图标,总数超750个图标,系统界面、网站、移动 APP
都足够用了。当然也可以单独下载 SVG 或 PNG 格式的图标。

网站地址:http://www.shejidaren.com/material-icons.html

三、LOGO图标素材

有时候,我们经常要找一些大品牌公司的
LOGO
源文件,可是用 google 或
百度时,只能找到图片,所以如果需要LOGO源文件的同学,可以试试这2个网站。

Logo EPS

提供了大量的品牌标志源文件,比如 NBA, GOOGLE, VISA 等等著名品牌
LOGO,请注意是用英文搜索哦。

网站地址:http://www.logoeps.com/

FREEPIK

这是一个老牌矢量素材站,不仅仅是
LOGO,可以说是什么都有,缺点:网站速度超级慢……

网站地址:http://www.freepik.com/index.php?goto=2&searchform=1&k=LOGO

50款优质企业 LOGO 模板(无版权限制)

一共有50款企业类的标志素材,如果急着想要免费的标志,那么可以看看标志模板包,完全免费。

网站地址:http://www.shejidaren.com/50-free-logo-templates.html

四、图标制作工具

正常设计图标都是用 AI, PS,Sketch
这些标准专业设计软件,但如果是小工具,比如把图标转成网页字体,又或者要制作
icon 格式的图标,就需要另类的工具了。

网页 favicon 图标工具:xiconeditor

favicon图标就是浏览器 tab 标签哪个小图标,PS
不支持制作这种格式的图标,但大家可以能过在线生成工具来制作,比如这个
xiconeditor。

网站地址:http://www.xiconeditor.com/

网页图标生成工具 1:icomoon

网站地址:https://icomoon.io/

网页图标制作工具 2: fontello

Fontello
里面有超多图标,用户可以从图标库里挑选网站所有需要的图标,然后把所有挑选选的图标,生成一个字体文件,这样就可以在网页里调用了。

网站地址:http://fontello.com/

图标制作软件 1:IcoFX(Windows 系统)

IcoFX 可以说是专为 windows
下的软件图标和光标而创造,一次性制作多个分辨率,在Windows 8和
Macintosh的图标支持透明工作,当然也支付网站 icon 格式的图标了。

这个软件是付费的,当然你可以某度一下。。

网站地址:http://icofx.ro/ 

图标制作软件 2:Icon Slate(MAC系统)

Icon
Slate可让您轻松撰写,导入和导出桌面和移动设备的多种格式、多个尺寸的图标。格式有:苹果ICNS,微软ICO,CandyBar
iContainer,图像(PNG或TIFF)。

网站地址:https://www.kodlian.com/apps/icon-slate

总结

有了这么多图标库,做项目时,都可以提高效率,当然如果时间允许,并且有设计师的企业,还是建议单独设计一套和自己品牌勿合的图标。

今天分享到这里,有好的图标资源,欢迎提交给我们,分享快乐。

相关文章