设计协作,用摹客

更好的产品协作设计平台,设计师的利器,产品经理的帮手,工程师的伙伴

文章分类
设计1+2,摹客就够了!

摹客,支持Sketch/PS/XD/Figma/Axure设计稿交付、自动标注切图、全流程协作。助力产品团队高效工作!

立即开启
【友情推荐】uimaker - 专注于ui设计,为ui设计师提供ui设计相关教程、素材及灵感。

了解更多
入门教程 了解更多
成都君德鑫力达科技发展有限公司

分享到微信朋友圈:

打开微信,点击底部的“发现”,使用 “扫一扫” 即可将网页分享到我的朋友圈。

博客 > 产品设计 > 8个设计师必看的免费UI图标设计资源站

8个设计师必看的免费UI图标设计资源站

Thomas
2018-07-11
488314

图标是我们日常APP及网页设计过程中必不可少的元素之一,通过小小的图标,可以快速方便的实现视觉引导和功能划分。在创作时,我们需要寻找各种各样的图标来满足自己的设计需求,非常浪费时间和精力。今天,小编给大家整理了8个设计师必看的免费UI图标设计资源站,赶紧收藏。

1. 最大的免费图标库-Flaticon



Flaticon图标库

平台简介:目前在Flaticon官网中收集了92万多个图标,我们可以通过输入英文关键词很快搜索找到自己想要的APP设计图标。

价格:免费


搜索方式:关键词、类别(如:教育、电商、游戏、医疗等)、最受欢迎、顶级图标制作作者等找到自己想要的图标。

图标格式:PNG,SVG,EPS,PSD及BASE 64五种格式。

亮点:下载矢量图标或像素图标,可以选择 16px,24px,一直到 512 px 等各种大小,非常方便。

APP图标素材资源站下载网址:www.Flaticon.com


2. 阿里巴巴矢量图标库-iconfont



iconfont图标库

平台简介:由阿里巴巴打造的国内最大及功能最全的矢量图标管理和交流平台。


价格:免费


搜索方式:支持关键词模糊搜索,中文 / 英文 / 拼音 无缝互译。

图标格式:SVG,AI,PNG。

亮点:设计师可以将图标上传到平台,用户可以自定义下载多种格式的设计icon,平台也可将图标转换为字体,便于前端工程师自由调整与调用。

图标素材资源站下载网址:http://www.iconfont.cn


3. Easyicon



Easyicon图标库

平台简介:官网里收集了近59万个设计图标,而且在持续更新。

价格:免费


搜索方式:关键词、颜色、热度、尺寸。

图标格式:SVG,PNG,ICNS,ICO。

亮点:支持将当前网站或个人外部上传的PNG图标转换为不同大小的Micrisoft或MacOs图标。

图标素材资源站下载网址:https://www.easyicon.net


4. 扁平化APP图标库-iconsDB


iconsDB图标库

平台简介:一个超赞的免费图标库,目前拥有4000多个图标。


价格:免费

搜索方式:关键词、作者、分类、色系等。

图标格式:PSD,AI,EPS,PNG,ICO。

亮点:支持用户自定义颜色和尺寸下载自己想要的图标,而且大部分图标支持个人和商业使用。

图标素材资源站下载网址:https://www.iconsdb.com/


5.爱看图标网-IconPng



IconsPng图标库

平台简介:目前收录 了近10万个图标和 1565 个图标系列。

价格:免费

搜索方式:关键词。

图标格式:ICO,GIF,JPG,PNG,ICNS。

亮点:里面已对图标做好分类(手绘、应用、立体、扁平等),可快速找到自己想要的设计图标。

图标素材资源站下载网址:http://www.iconpng.com/


6.图标设计综合网站-IconDeposit



IconDeposit图标库

平台简介:一个综合的设计图标库,收录了大量的icon作品,还包含一些经典的设计教程和PS源代码。

价格:免费

搜索方式:关键词。

图标格式:SVG,PSD,PNG。

亮点:除了数以百计的免费APP图标设计素材,还有图标集,UI / UX设计,插画/矢量图形,CSS,CSS3,jQuery,PS图象处理软件教程。

图标素材资源站下载网址:https://www.icondeposit.com/


7. 社区爱-icons8


icon8图标库

平台简介:收集7万多个图标素材,iOS,Windows及安卓图标一应俱全。

价格:免费

搜索方式:关键词、颜色、类别,系统(Mac或Windows)。

图标格式:PNG,SVG,PDF,EPS等。

亮点:图标风格统一,矢量图可直接编辑,快速生成任何格式、大小和颜色的图标。分类齐全,方便用户迅速筛选出不同设计风格的图标。此外,提供API接口,方便开发人员快速对接。

图标素材资源站下载网址:https://icons8.cn/


8. iconfinder


iconfinder图标库

平台简介:提供海量(目前已有250多万)设计图标,是世界上前几大免费图标搜索引擎之一。


价格:免费

搜索方式:关键词,样式,类别。

图标格式:CSH,PNG,AI,ICO,ICNS,SVG,BASE 64。

亮点:提供强大的图标在线编辑器,编辑完成后可以导出为 SVG 或转 PNG 格式,各种大小尺寸一应俱全。

图标素材资源站下载网址:https://www.iconfinder.com/

上面就是小编给大家推荐的8个图标设计资源站,大部分图标都可以免费下载使用。有没有觉得很方便?当然,图标有了,我们该如何去使用这些精美的设计图标呢?大家都知道图标设计好后是需要应用到网页设计或APP设计中的,如何才能做到无缝对接呢?

其实非常简单,你需要的是一款原型设计工具。这里,小编给大家推荐国产原型神器-Mockplus。Mockplus是一款简单、快速的原型设计工具,里面已经封装了3000+的图标设计素材。包含字母、数字、形状、表情、手势等19大类图标资源。在网页或APP设计过程中,可直接拖出使用,非常简单方便。

Mockplus图标库

外部下载的UI图标资源怎么使用?很简单,你可以批量上传到Mockplus个人组件库(限PNG格式),还可以一键分享给其它小伙伴一起使用。当然,个人建议你使用摹客设计系统,在这里,你可以将PNG, JPEG, SVG, GIF等格式的图标资源一键上传并管理。上传后可以直接在Mockplus中拖出使用。

摹客设计系统管理图标资源

什么?这些还不够?想自己制作特定的图标应用到自己的原型设计中?没问题,Mockplus提供了Sketch插件,在Sketch中制作好满意的矢量图图标后,可以直接上传至强大的摹客设计系统,然后在Mockplus中直接应用(详情看:在Mockplus和Sketch中对接设计系统)。是的,就是这么强大,没有你做不到的,只有你想不到的。

小结


有了Mockplus,可以快速将你的图标设计资源运用到原型设计中。有了摹客设计系统,可以方便你快速上传并管理图标资源。还在等什么,赶紧去试试吧。

【设计神器推荐】设计协作,用摹客!100人以下团队免费使用

摹客,支持Sketch/PS/XD/Axure设计稿交付、自动标注切图、全流程协作。助力设计师和产品团队高效工作!

立即体验:https://app.mockplus.cn/app

上一篇
想让你的app美丽起来?没有用户体验是不行的

逗砂   07/12

创意进度条设计-12个优秀作品分享【附实例分析】

Anne   07/10

下一篇
需要帮助?

我是小摹,你的7*12小时产品顾问

立即扫码加入官方微信群

官方热线:19130671449

服务邮箱:service@jongde.com