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

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

对网页设计师而言,图标这样的素材总是多多益善的。高品质的图标总能让网页设计项目事半功倍,网页设计师也可以将注意力集中到更重要的地方。今天我们整合了50个免费的的高素质图标站点,让你再也不用为没有图标用而烦恼,不论是设计网页、应用还是制作信息图,图标信手拈来。

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

文章目录:

当然,小图标本身的应用范畴远不止于此。社交图片、名片设计、幻灯片设计、横幅标语、海报设计,等等等等。信息的呈现并非离不开图标的点缀,但是图标的加入能用约定俗成的图形更加高效地传递出信息的属性,在视觉上也是极为直观有用的元素。


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

闲话少叙,我们开始看看这些网站各自都有什么特点~

GRAPHBERRY

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


=

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

  1. Smashing Magazine

LogoEPS

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


iconstore图标库

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

网站地址:

图片 1

iconmonstr

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


easyicon

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

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

网站地址: (已加入设计导航搜索条)

作为老牌设计博客,Smashing Magazine
会时常推荐最有修的图标合集,这些合集覆盖各种格式,经久耐用。

Noun Project

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


iconfiner

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

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

网站地址:

  1. Freepik

ICONFINDER

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


阿里图标库

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

网站地址:

图片 2

Iconfont

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


Flaticon

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

网站地址:

Freepik
内含大量设计素材,图标只是其中的一部分。这里的图标素材基本都是免费的,不过在使用之后需要注明出处。

Font Awesome

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


=

Noun Project

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

包含图标内容:扁平化

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

网站地址:
(已加入设计导航搜索条)

  1. Gravual

Human Pictogram

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

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

by: here

二、 网页字体图标

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

图片 3

Fontawesome

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

网站地址:

如果你的个人项目需要图标,那么Gravual
会为你提供两套精致的线性图标,如果是商用最好还是和原作者沟通一下。

PrestaShop official icon pack

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

网站地址:

  1. Flat Icon

EGO icon

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

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

网站地址:

图片 4

谷歌 Material Design 图标

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

网站地址:

这里有着最大的免费矢量图标,这个项目和Freepik是同一个人发起的。Flat Icon
的不凡之处在于,你可以将图标转化为图标字体下载下来。

三、LOGO图标素材

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

  1. Behance

Logo EPS

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

网站地址:

图片 5

FREEPIK

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

网站地址:

Behance
自不必说,专业设计师的集散地。这里的图标设计绝对是首屈一指的,在这里找灵感、找素材绝对是靠谱。

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

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

网站地址:

  1. Web Design Freebies

四、图标制作工具

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

图片 6

网页 favicon 图标工具:xiconeditor

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

网站地址:

Web Design Freebies 这个网站搜集了来自互联网各个角落的图标素材。

网页图标生成工具 1:icomoon

网站地址:

  1. Captain Icon

网页图标制作工具 2: fontello

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

网站地址:

图片 7

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

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

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

网站地址: 

Captain
Icon的图标漂亮,免费,而且是矢量的,下载的时候有EPS、PSD、PNG、SVG和Web字体格式可选。可以个人用也可以商用,不过需要注明出处。

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

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

网站地址:

  1. Good Stuff No Nonsense

总结

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

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

图片 8

正如同名字所说的,这个网站不废话直接上干货:全是重新绘制的图标,免费使用,无需声明。

  1. DeviantArt

图片 9

老牌设计师社区DeviantArt
拥有近20万免费的图标可供下载,有些图标的使用是需要声明的,使用的时候稍加注意。

  1. Dribbble

图片 10

现象级设计师社区Dribbble就无需详细介绍了,这里有着大量的精致图标设计。不过由于许多设计师并没有给图标以正确的标注,很多时候你需要自己去发掘一些优秀的图标。

  1. Best PSD Freebies

图片 11

Best PSD Freebies
搜集了来自全世界的优质PSD,你可以在这里直接下载整套的图标合集,非常省心。

  1. Iconfinder

图片 12

在 Iconfinder
搜索图标是一件很简单的事情,你可以在成千上万的图标中翻找你心仪的图标。在这里下载图标的时候,有多种尺寸和格式可选。

  1. GraphicBurger

图片 13

如果你在其他的地方找不到靠谱的图标,那么你应该来GraphicBurger找找看,这个站点可以直接下载多种不同格式和尺寸的图标。

  1. Designbeep

图片 14

Designbeep
其实也是一个精于搜集整理的网站,如果你想在一个站找到大量高品质内容,那么这个网站就够了。这里的资源大多数整理自Freepik和Behance,绝对有品质保证。

  1. PixsHub

图片 15

PixsHub将来自互联网的图标素材进行了精心整理,不过考虑到用户需求的差异,图标进行了分类。在查找图标的时候记得注意。

  1. Oxygenna

图片 16

Oxygenna 是典型的免费素材站,格式齐全,安心使用。

  1. Dafont

图片 17

在 Dafont
你能找到超过50款免费易用的图标字体,可以轻松下载使用。当然,别忘了版权声明。

  1. Free Goodies for Designers

图片 18

这个站为设计师提供了大量的PSD、SVG格式的矢量图标,可以轻松地用于Web项目。

  1. Freebiesbug

图片 19

Freebiesbug
搜集了最新的免费图标素材,你可以在任何需要图标的时候来这里寻找合适的素材。

  1. Vecteezy

图片 20

Vecteezy
的网站中矢量图标素材几乎占了60页,可以说这个站是你搜集图标过程中必去的网站。

  1. Iconmelon

图片 21

Iconmelon
网站设计精美,易于搜索,图标品质也非常高。你可以通过网站的帮助页快速了解如何使用这个站点。

  1. PixelsMarket

图片 22

即使是鲜为人知的素材和网站,你也可以在PixelsMarket看到。

  1. GraphicsFuel

图片 23

GraphicsFuel 提供的图标素材有免费的也有收费的,其中许多都搜集自网络。

  1. Fribly

图片 24

Fribly 几乎每天都会更新图标素材,有多个设计师专门为网站提供这些内容。

  1. Icojam

图片 25

想寻找一个一站式图标解决方案?Icojam就是你的菜,数量多,品质高,而且免费。

  1. Blugraphic

图片 26

你可以在Blugraphic搜索PSD、PNG和矢量图标,不过这个网站是以Tag为索引进行搜索的,有一定限制。

  1. Icon Shock

图片 27

Icon Shock
号称为用户提供靠谱的免费素材,网站为用户提供了数千高品质的免费图标,供个人使用。

  1. CSS Author

图片 28

CSS Author 会每周更新一波当周网络上品质最好的图标。

  1. Creative Tail

图片 29

Creative Tail 也致力于搜集互联网各个地方的图标合集,以全面而著称。

  1. All-Free-Download

图片 30

看All-Free-Download的名字就知道,这是一个主打免费素材的站,这里有各种矢量的、PSD、PNG等各种格式的图标素材。

  1. Ego Icons

图片 31

Ego
Icons主打的是收费素材,大概有1500多个收费的图标,其中免费的矢量图标大概有100多个。不过这个站点的导航栏指向了几个它的姊妹站,那里面有更多福利!

  1. AlienValley

图片 32

AlienValley 网站中不只有图标,还有各种各样其他的优质素材!

  1. Dreamstale

图片 33

Dreamstale 的免费图标和收费图片的品质都颇为不错。

  1. DuckFiles

图片 34

DuckFiles 提供的图标合集可以免费商用,记得善用网站的搜索功能。

  1. 1001 Free Downloads

图片 35

这个名为1001 Free Downloads 的网站以漂亮而好玩儿的扁平化图标而著称。

  1. GraphicsBay

图片 36

GraphicsBay 有着分类明晰,易于搜索的大量优质免费图标合集。

  1. Pixeden

图片 37

Pixeden 提供了从16×16 到 512×512 等各种尺寸的PNG格式的图标。

  1. NounProject

图片 38

NounProject
拥有高品质的图标,可靠的搜索功能,便捷的下载功能。如果你想自由使用所有的图标,不妨成为付费会员。

  1. Iconmonstr

图片 39

Iconmonstr 整体设计简约,网站提供多尺寸多格式免费图标素材。

  1. Fusionplate

图片 40

Fusionplate 和其他几个网站相似,每周更新一次优质图标。

  1. Dryicons

图片 41

Dryicons
所提供的图标漂亮,拥有多种格式,多种尺寸。如果想商用,需要适当付费。

  1. Glyphicons

图片 42

Glyphicons 的图标多是极简风,网站提供了数百免费的图标,均为PNG格式。

  1. MrIcons

图片 43

MrIcons
是一个大型的图标库,其中包含超过10万个图标,从网页到社交媒体,覆盖全面。

  1. Entypo

图片 44

Entypo
中有超过400个免费图标,可以让你的设计项目事半功倍。图标可以用作个人项目,也可以商用,不过要注明出处。

  1. Endless Icons

图片 45

Endless Icons网站设计简约而优雅,网站所提供的图标均为PNG和SVG格式。

  1. Iconic

图片 46

Iconic
是一个拥有超过200个图标的开源图标合集,所有的图标都拥有多种格式,可免费商用。

  1. IcoMoon App

图片 47

IcoMoon App 是一个漂亮而易用的图标合集,其中包含了4000+
精心设计的矢量图标。

  1. Fontello

图片 48

在 Fontello 搜寻你想要的图标之后,可以以网页字体的格式下载。Fontello
的整体使用体验非常不错。

  1. IconArchive

图片 49

IconArchive 这个站提供了极为易用快速的搜索功能,其中许多图标是共享的。

  1. Squid Ink

图片 50

Squid Ink
提供了超过2000个矢量图标,色彩斑斓,创意十足。你可以将其中50枚图标免费用作个人项目也可商用。

相关文章