图标在我们的日常生活中是随处可见,软件的界面元素,甚至你时常制作的幻灯片上都有。如果你是一位设计师,你可以自己制作一些非常精致的图标;如果你不是设计师,可能要被一个小小的图标折磨上好久。
图标的使用在设计界已经无处不在了,目前被广泛用于UI和网页设计的界面领域。我们使用图标时,一般是以下这六种展现形式或用途。
对网页设计师而言,图标这样的素材总是多多益善的。高品质的图标总能让网页设计项目事半功倍,网页设计师也可以将注意力集中到更重要的地方。今天我们整合了50个免费的的高素质图标站点,让你再也不用为没有图标用而烦恼,不论是设计网页、应用还是制作信息图,图标信手拈来。
不用担心,今天为你介绍的这八个免费的图标网站,就能让你一样拥有很多非常不错的图标。
文章目录:
当然,小图标本身的应用范畴远不止于此。社交图片、名片设计、幻灯片设计、横幅标语、海报设计,等等等等。信息的呈现并非离不开图标的点缀,但是图标的加入能用约定俗成的图形更加高效地传递出信息的属性,在视觉上也是极为直观有用的元素。
一、扁平化、拟物化、表情图标
二、网页字体图标
三、logo图标
四、图标制作工具
闲话少叙,我们开始看看这些网站各自都有什么特点~
GRAPHBERRY
GRAPHBERRY是一个完全免费的素材网站,其中图标类的素材就有二十二项。图标的种类从写实到扁平化都有,可以满足你平时制作内容的基本需求。图标文件的格式大多为
PSD 格式,需要你使用 Photoshop 或者 Affinity Photo
等设计软件打开。除了图标之外,GRAPHBERRY 还提供了 Mockups、UI Kit
以及一些网站设计案例。如果你绝对某一个项目对你非常有用,你也可以在项目的详情页面买一杯咖啡送给他。
=
一、扁平化、拟物化、表情图标
- Smashing Magazine
LogoEPS
不知道你有没有遇到过这样的情况,时常在文稿中需要使用一些品牌案例的时候,却发现自己没有这些品牌的
Logo
图标。大家只好去图片搜索引擎上去寻找,可是找到的图标经常会出现清晰度不高、背景不是透明等给雷问题。而LogoEPS则是一个专门来寻找各类品牌
Logo 的矢量素材网站,提供了大量的 EPS
格式的素材。除了品牌涵盖面比较广以外,它还提供了品牌的历史中曾使用过的
Logo,比如 Apple 曾经使用的牛顿 Logo 就可以在这里找到。
iconstore图标库
iconstore
的图标素材可能没其它图标库数量多,但重要的是icon质量好,并有详细的分类,大家可以通过分类来查找和项目相关的图标。
网站地址:
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
老牌图标素材搜索引擎,里面有些付费图标不错,主打扁平化系列图标。
包含图标内容:扁平化、拟物化、表情
网站地址:
- Freepik
ICONFINDER
其实搜素引擎是一个非常好的东西,用了它你可以为自己节省很多时间。ICONFINDER就是这样一个网站,你可以直接键入关键词来找到你需要的图标。各种格式的图标都有,你也可以在左侧的筛选框中选择矢量图标。这里的图标分为付费和免费两种,对于付费来说你可以订阅它的服务或者单独购买。除了提供了八种图标格式之外,最近
ICONFINDER
还提供了一个简单的在线编辑器,你可以进行一个简单的矢量编辑,非常方便。如果你不打算购买付费版本以外,也可以搜索一些优秀的付费图标来为你自己寻找一些灵感。
阿里图标库
用户不仅可以在这里搜索下载ICON,还集成上传、收藏、管理图标功能,是国内不错的图标管理工具。
网站地址:
Iconfont
前面提到的 ICONFINDER
是无法中文搜索的,有的人可能会觉得不是很方便,下面就为大家国内的图标搜索引擎阿里巴巴矢量图标库。它丰富的图标库为大家的搜索带来了更多的选择,找到合适的图标以后,在图标的详情界面还能进行「分路径改色」。搜索下载只是一部分功能,用户还能上传自己的制作的图标成为一个「创造者」,当然你能设置打赏。如果你在一个团队,在这里也可以建立属于你们的项目,可以选择是公开还是加密,给团队的协作提供了一个更加快捷的渠道。
Flaticon
专注扁平化图标,真的超多……
网站地址:
Freepik
内含大量设计素材,图标只是其中的一部分。这里的图标素材基本都是免费的,不过在使用之后需要注明出处。
Font Awesome
Font
Awesome是一款面向开发人员的图标网站,你可以在网站中搜索你需要的元素,点击进入查看它的详细代码,在项目里直接调用就可以了。由于它是
SIL 字体协议(遵循 MIT 协议),所以版权上也比较宽松,可以放心使用。
=
Noun Project
这是一个纯扁平化图标提供网站,全部均可免费使用,当然设计达人网小编认为这里最牛
B 之处就是:图标高度可识别性!
包含图标内容:扁平化
我们将这个网站也放到了设计导航的素材搜索栏目,大家可以直接在设计导航的搜索条来搜索
Noun Project 的图标。
网站地址:
(已加入设计导航搜索条)
- Gravual
Human Pictogram
还记得在少数派的文章里经常出现的人体图标么,或者在幻灯片里时常也会出现。其实在Human
Pictogram里为你提供了近四十页的人体图标,你可以通过日语或者英语的关键词进行搜索。从生活里比较常见的动作,到传统文化的项目,在这里都可以找到。它也为大家提供了
AI 设计稿、JPG、PNG 三种格式,。
有了这些网站,相信你的图标库再也不会枯竭了。如果你还有更好的推荐,欢迎在评论区留言。
by: here
二、 网页字体图标
网页字体图标相当多,但流行使用的也就这么几个,所以我们只列出几个优秀的
icon
font,更多可以看看我以前的文章《30个免费网页图标字体》
Fontawesome
可能是世界上使用最多的开源网页字体,几乎你想要的图标都有了,并且国内也有这个字体的
CDN,真的相当好用。
网站地址:
如果你的个人项目需要图标,那么Gravual
会为你提供两套精致的线性图标,如果是商用最好还是和原作者沟通一下。
PrestaShop official icon pack
PrestaShop 是开源电子商务平台,原先这个平台使用的也是
Fontawesome,因平台改版设计团队重新设计了一套新的图标包,并十分适用于电商行业,目前是免费下载使用。
网站地址:
- Flat Icon
EGO icon
一套设计非常个性的图标,因为图标填充了颜色,所以放大使用也有不错的效果。作为设计师,即使不下载,也可以当前参考。目前开放100个免费图标下载。
注:这不是网页图标字体,但觉得很有特色,推荐大家看看。
网站地址:
谷歌 Material Design 图标
Material design UI 必备图标,总数超750个图标,系统界面、网站、移动 APP
都足够用了。当然也可以单独下载 SVG 或 PNG 格式的图标。
网站地址:
这里有着最大的免费矢量图标,这个项目和Freepik是同一个人发起的。Flat Icon
的不凡之处在于,你可以将图标转化为图标字体下载下来。
三、LOGO图标素材
有时候,我们经常要找一些大品牌公司的
LOGO
源文件,可是用 google 或
百度时,只能找到图片,所以如果需要LOGO源文件的同学,可以试试这2个网站。
- Behance
Logo EPS
提供了大量的品牌标志源文件,比如 NBA, GOOGLE, VISA 等等著名品牌
LOGO,请注意是用英文搜索哦。
网站地址:
FREEPIK
这是一个老牌矢量素材站,不仅仅是
LOGO,可以说是什么都有,缺点:网站速度超级慢……
网站地址:
Behance
自不必说,专业设计师的集散地。这里的图标设计绝对是首屈一指的,在这里找灵感、找素材绝对是靠谱。
50款优质企业 LOGO 模板(无版权限制)
一共有50款企业类的标志素材,如果急着想要免费的标志,那么可以看看标志模板包,完全免费。
网站地址:
- Web Design Freebies
四、图标制作工具
正常设计图标都是用 AI, PS,Sketch
这些标准专业设计软件,但如果是小工具,比如把图标转成网页字体,又或者要制作
icon 格式的图标,就需要另类的工具了。
网页 favicon 图标工具:xiconeditor
favicon图标就是浏览器 tab 标签哪个小图标,PS
不支持制作这种格式的图标,但大家可以能过在线生成工具来制作,比如这个
xiconeditor。
网站地址:
Web Design Freebies 这个网站搜集了来自互联网各个角落的图标素材。
网页图标生成工具 1:icomoon
网站地址:
- Captain Icon
网页图标制作工具 2: fontello
Fontello
里面有超多图标,用户可以从图标库里挑选网站所有需要的图标,然后把所有挑选选的图标,生成一个字体文件,这样就可以在网页里调用了。
网站地址:
图标制作软件 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)。
网站地址:
- Good Stuff No Nonsense
总结
有了这么多图标库,做项目时,都可以提高效率,当然如果时间允许,并且有设计师的企业,还是建议单独设计一套和自己品牌勿合的图标。
今天分享到这里,有好的图标资源,欢迎提交给我们,分享快乐。
正如同名字所说的,这个网站不废话直接上干货:全是重新绘制的图标,免费使用,无需声明。
- DeviantArt
老牌设计师社区DeviantArt
拥有近20万免费的图标可供下载,有些图标的使用是需要声明的,使用的时候稍加注意。
- Dribbble
现象级设计师社区Dribbble就无需详细介绍了,这里有着大量的精致图标设计。不过由于许多设计师并没有给图标以正确的标注,很多时候你需要自己去发掘一些优秀的图标。
- Best PSD Freebies
Best PSD Freebies
搜集了来自全世界的优质PSD,你可以在这里直接下载整套的图标合集,非常省心。
- Iconfinder
在 Iconfinder
搜索图标是一件很简单的事情,你可以在成千上万的图标中翻找你心仪的图标。在这里下载图标的时候,有多种尺寸和格式可选。
- GraphicBurger
如果你在其他的地方找不到靠谱的图标,那么你应该来GraphicBurger找找看,这个站点可以直接下载多种不同格式和尺寸的图标。
- Designbeep
Designbeep
其实也是一个精于搜集整理的网站,如果你想在一个站找到大量高品质内容,那么这个网站就够了。这里的资源大多数整理自Freepik和Behance,绝对有品质保证。
- PixsHub
PixsHub将来自互联网的图标素材进行了精心整理,不过考虑到用户需求的差异,图标进行了分类。在查找图标的时候记得注意。
- Oxygenna
Oxygenna 是典型的免费素材站,格式齐全,安心使用。
- Dafont
在 Dafont
你能找到超过50款免费易用的图标字体,可以轻松下载使用。当然,别忘了版权声明。
- Free Goodies for Designers
这个站为设计师提供了大量的PSD、SVG格式的矢量图标,可以轻松地用于Web项目。
- Freebiesbug
Freebiesbug
搜集了最新的免费图标素材,你可以在任何需要图标的时候来这里寻找合适的素材。
- Vecteezy
Vecteezy
的网站中矢量图标素材几乎占了60页,可以说这个站是你搜集图标过程中必去的网站。
- Iconmelon
Iconmelon
网站设计精美,易于搜索,图标品质也非常高。你可以通过网站的帮助页快速了解如何使用这个站点。
- PixelsMarket
即使是鲜为人知的素材和网站,你也可以在PixelsMarket看到。
- GraphicsFuel
GraphicsFuel 提供的图标素材有免费的也有收费的,其中许多都搜集自网络。
- Fribly
Fribly 几乎每天都会更新图标素材,有多个设计师专门为网站提供这些内容。
- Icojam
想寻找一个一站式图标解决方案?Icojam就是你的菜,数量多,品质高,而且免费。
- Blugraphic
你可以在Blugraphic搜索PSD、PNG和矢量图标,不过这个网站是以Tag为索引进行搜索的,有一定限制。
- Icon Shock
Icon Shock
号称为用户提供靠谱的免费素材,网站为用户提供了数千高品质的免费图标,供个人使用。
- CSS Author
CSS Author 会每周更新一波当周网络上品质最好的图标。
- Creative Tail
Creative Tail 也致力于搜集互联网各个地方的图标合集,以全面而著称。
- All-Free-Download
看All-Free-Download的名字就知道,这是一个主打免费素材的站,这里有各种矢量的、PSD、PNG等各种格式的图标素材。
- Ego Icons
Ego
Icons主打的是收费素材,大概有1500多个收费的图标,其中免费的矢量图标大概有100多个。不过这个站点的导航栏指向了几个它的姊妹站,那里面有更多福利!
- AlienValley
AlienValley 网站中不只有图标,还有各种各样其他的优质素材!
- Dreamstale
Dreamstale 的免费图标和收费图片的品质都颇为不错。
- DuckFiles
DuckFiles 提供的图标合集可以免费商用,记得善用网站的搜索功能。
- 1001 Free Downloads
这个名为1001 Free Downloads 的网站以漂亮而好玩儿的扁平化图标而著称。
- GraphicsBay
GraphicsBay 有着分类明晰,易于搜索的大量优质免费图标合集。
- Pixeden
Pixeden 提供了从16×16 到 512×512 等各种尺寸的PNG格式的图标。
- NounProject
NounProject
拥有高品质的图标,可靠的搜索功能,便捷的下载功能。如果你想自由使用所有的图标,不妨成为付费会员。
- Iconmonstr
Iconmonstr 整体设计简约,网站提供多尺寸多格式免费图标素材。
- Fusionplate
Fusionplate 和其他几个网站相似,每周更新一次优质图标。
- Dryicons
Dryicons
所提供的图标漂亮,拥有多种格式,多种尺寸。如果想商用,需要适当付费。
- Glyphicons
Glyphicons 的图标多是极简风,网站提供了数百免费的图标,均为PNG格式。
- MrIcons
MrIcons
是一个大型的图标库,其中包含超过10万个图标,从网页到社交媒体,覆盖全面。
- Entypo
Entypo
中有超过400个免费图标,可以让你的设计项目事半功倍。图标可以用作个人项目,也可以商用,不过要注明出处。
- Endless Icons
Endless Icons网站设计简约而优雅,网站所提供的图标均为PNG和SVG格式。
- Iconic
Iconic
是一个拥有超过200个图标的开源图标合集,所有的图标都拥有多种格式,可免费商用。
- IcoMoon App
IcoMoon App 是一个漂亮而易用的图标合集,其中包含了4000+
精心设计的矢量图标。
- Fontello
在 Fontello 搜寻你想要的图标之后,可以以网页字体的格式下载。Fontello
的整体使用体验非常不错。
- IconArchive
IconArchive 这个站提供了极为易用快速的搜索功能,其中许多图标是共享的。
- Squid Ink
Squid Ink
提供了超过2000个矢量图标,色彩斑斓,创意十足。你可以将其中50枚图标免费用作个人项目也可商用。