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