图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分。在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力。今天,小编给大家整理了8个设计师必看的免费UI图标设计资源站,赶紧收藏。
1. 最大的免费图标库-Flaticon
平台简介:目前在Flaticon官网中收集了92万多个图标,我们可以通过输入英文关键词很快搜索找到自己想要的APP设计图标。
价格:免费
搜索方式:关键词、类别(如:教育、电商、游戏、医疗等)、最受欢迎、顶级图标制作作者等找到自己想要的图标。
图标格式:PNG,SVG,EPS,PSD及BASE 64五种格式。
亮点:下载矢量图标或像素图标,可以选择 16px,24px,一直到 512 px 等各种大小,非常方便。
APP图标素材资源站下载网址:www.Flaticon.com
2. 阿里巴巴矢量图标库-iconfont
平台简介:由阿里巴巴打造的国内最大及功能最全的矢量图标管理和交流平台。
价格:免费
搜索方式:支持关键词模糊搜索,中文 / 英文 / 拼音 无缝互译。
图标格式:SVG,AI,PNG。
亮点:设计师可以将图标上传到平台,用户可以自定义下载多种格式的设计icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。
图标素材资源站下载网址:http://www.iconfont.cn
3. Easyicon
平台简介:官网里收集了近59万个设计图标,而且在持续更新。
价格:免费
搜索方式:关键词、颜色、热度、尺寸。
图标格式:SVG,PNG,ICNS,ICO。
亮点:支持将当前网站或个人外部上传的PNG图标转换为不同大小的Micrisoft或MacOs图标。
图标素材资源站下载网址:https://www.easyicon.net
4. 扁平化APP图标库-iconsDB
平台简介:一个超赞的免费图标库,目前拥有4000多个图标。
价格:免费
搜索方式:关键词、作者、分类、色系等。
图标格式:PSD,AI,EPS,PNG,ICO。
亮点:支持用户自定义颜色和尺寸下载自己想要的图标,而且大部分图标支持个人和商业使用。
图标素材资源站下载网址:https://www.iconsdb.com/
5.爱看图标网-IconPng
平台简介:目前收录 了近10万个图标和 1565 个图标系列。
价格:免费
搜索方式:关键词。
图标格式:ICO,GIF,JPG,PNG,ICNS。
亮点:里面已对图标做好分类(手绘、应用、立体、扁平等),可快速找到自己想要的设计图标。
图标素材资源站下载网址:http://www.iconpng.com/
6.图标设计综合网站-IconDeposit
平台简介:一个综合的设计图标库,收录了大量的icon作品,还包含一些经典的设计教程和PS源代码。
价格:免费
搜索方式:关键词。
图标格式:SVG,PSD,PNG。
亮点:除了数以百计的免费APP图标设计素材,还有图标集,UI / UX设计,插画/矢量图形,CSS,CSS3,jQuery,PS图象处理软件教程。
图标素材资源站下载网址:https://www.icondeposit.com/
7. 社区爱-icons8
平台简介:收集7万多个图标素材,iOS,Windows及安卓图标一应俱全。
价格:免费
搜索方式:关键词、颜色、类别,系统(Mac或Windows)。
图标格式:PNG,SVG,PDF,EPS等。
亮点:图标风格统一,矢量图可直接编辑,快速生成任何格式、大小和颜色的图标。分类齐全,方便用户迅速筛选出不同设计风格的图标。此外,提供API接口,方便开发人员快速对接。
图标素材资源站下载网址:https://icons8.cn/
8. iconfinder
平台简介:提供海量(目前已有250多万)设计图标,是世界上前几大免费图标搜索引擎之一。
价格:免费
搜索方式:关键词,样式,类别。
图标格式:CSH,PNG,AI,ICO,ICNS,SVG,BASE 64。
亮点:提供强大的图标在线编辑器,编辑完成后可以导出为 SVG 或转 PNG 格式,各种大小尺寸一应俱全。
图标素材资源站下载网址:https://www.iconfinder.com/
上面就是小编给大家推荐的8个图标设计资源站,大部分图标都可以免费下载使用。有没有觉得很方便?当然,图标有了,我们该如何去使用这些精美的设计图标呢?大家都知道图标设计好后是需要应用到网页设计或APP设计中的,如何才能做到无缝对接呢?
其实非常简单,你需要的是一款原型设计工具。这里,小编给大家推荐国产原型神器-Mockplus。Mockplus是一款简单、快速的原型设计工具,里面已经封装了3000+的图标设计素材。包含字母、数字、形状、表情、手势等19大类图标资源。在网页或APP设计过程中,可直接拖出使用,非常简单方便。
外部下载的UI图标资源怎么使用?很简单,你可以批量上传到Mockplus个人组件库(限PNG格式),还可以一键分享给其它小伙伴一起使用。当然,个人建议你使用摹客设计系统,在这里,你可以将PNG, JPEG, SVG, GIF等格式的图标资源一键上传并管理。上传后可以直接在Mockplus中拖出使用。
什么?这些还不够?想自己制作特定的图标应用到自己的原型设计中?没问题,Mockplus提供了Sketch插件,在Sketch中制作好满意的矢量图图标后,可以直接上传至强大的摹客设计系统,然后在Mockplus中直接应用(详情看:在Mockplus和Sketch中对接设计系统)。是的,就是这么强大,没有你做不到的,只有你想不到的。
小结
有了Mockplus,可以快速将你的图标设计资源运用到原型设计中。有了摹客设计系统,可以方便你快速上传并管理图标资源。还在等什么,赶紧去试试吧。
摹客,支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作!