无论你是从事前端开发,还是从事UI设计工作,在工作中难免会遇到需要用图标来完善设计或前端开发,毕竟有时一个小小的图标,却能够给界面设计带去非常惊艳的效果。目前,互联网中有很多的图标网站,这些图标网站的诞生,节省了站长设计图标的时间,今天就为大家推荐如下的三大图标网站,相信一定能够给您的工作中带去惊喜。
一、Iconshock
Iconshock是国外免费图标搜索网站,目前已经收录了200 万个图标!图标素材超过400+以上,涵盖30种不同风格类型,从矢量图到平面设计图示甚至是现代化插图应有尽有。使用者可以从Iconshock 免费下载72px以下(包括 24px、32px、48px 和 64px)图标,并且完全不需要注册账号即可下载。
除此之外,Iconshock还允许使用者直接在线上变化不同的配色风格。通常情况下,寻找图标时往往会受限于它的设计风格和颜色,但Iconshock可以让使用者自定义颜色、大小或加入配件,使得图标看起来效果一致,也更能与你的网页相衬。
推荐理由:Iconshock图标网站中收录得分图标数量,种类很多的,基本上能够满足站长对于各种不同图标样式的需求。能够实现线上快速变更图标的颜色和风格,不仅如此,使用者还可以加入配件或调整图标的大小。Iconshock网站中的图标72px以下的PNG格式图示几乎都是免费下载。
二、Devicon
Devicon主要是以收录程式语言、设计和开发工具为主,常见的技术相关标志图标都可在这个网站中找到。Devicon 提供两种使用方式:字体图标或 SVG 向量图格式,只要从网站上找到你要的图案,直接将产生的代码复制、贴上,就能快速取用图案。
关于Devicon网站值得一提的是无论是使用哪种格式,都可通过 CSS 调整大小或显示方式,让它能使用于任何网页。不仅如此,它的字体图标也已经支持CDN,开发者无须自行托管档案,节省流量开销。如果你刚好需要取用这些图标,Devicon真的是一个非常不错的选择哦。
推荐理由:能够提供各种不同的技术,满足开发人员可能用到的所有标志和logo。支持两种格式,Icon Font、SVG只需要复制代码即可快速使用。免费、开放原始码,已经内建 CDN 功能。
三、阿里巴巴矢量图标
阿里巴巴矢量图标是国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。
相信从事过设计和前端开发的站长应该都知道阿里巴巴矢量图标库,它不但好用,而且免费,可以在线使用也可以下载到本地使用,不仅可以改变颜色大小,而且在布局方面也非常方便。
推荐理由:可以用CSS来灵活控制图标的大小、颜色、阴影等。因为传统的 CSS Sprites 我们只能重新设计后再「切图」,虽然现在有很多自动拼合工具,但是依然繁琐。图标规范化通过iconfont平台,可以高效快速的生产出规范的图标。现在可以直接通过平台上传SVG或ESP文件,就可以转换成字体图标了。流量最小化在移动设备,节约流量是很多前端把控用户体验关键而又容易忽视的一个环节。自动上传到阿里云CDN通过平台生成的字体,自动存储到阿里云CDN,免费加速。
以上的着三个图标网站特意为大家推荐的,也是我们经常是使用的,正是因为我们觉得好用,所以才会想要推荐给大家,毕竟好东西是需要大家一起分享的。
我们拥有国内顶级的设计、技术团队和多年互联网软件开发经验。