这个图标免费下载网站太实用了,快快用起来!

我们平时在做UI设计、画原型图、前端开发或者做PPT的时候，经常会用到图标，找对图标下载网站能让我们效率翻倍。

今天介绍的一个很实用且免费的图标下载网站：iconfont —— 阿里巴巴矢量图标库（网址：https://www.iconfont.cn/）

iconfont是由阿里巴巴旗下团队出品，支持中文搜索，能下载SVG/AI/PNG 等格式的图标。平台上托管着数千万级别的矢量图标资源，覆盖电商、社交、办公、医疗、教育等你能想到的场景；单色图标可在网页端直接选颜色，很方便。

我们打开网址之后，如果是第一次使用，需要先点击右上角的“注册”，在显示的“注册”界面中填写手机号、验证码等，进行注册。

注册完成后，就可以登录网站了。登录的时候可以用手机号或者Github、微信号、新浪微博这三类第三方网站登录。

登录成功后，直接在首页的搜索栏里搜索需要的图标，例如：我们要搜索摄像头的图标，就在搜索栏里输入“摄像头”，点击搜索框后头的搜索图标，或者直接按键盘上的回车。

就会展示出与“摄像头”相关的图标。

我们看到自己需要的图标，就把鼠标放在图标上面，就会显示出对这个图标的三个操作。

如果想批量下载，就可以先点击，把需要的图标先放进购物车里，后面统一批量下载；如果想一个一个下载，就直接点击。

单个图标下载：

要下载单个图标的时候，点击，在展示的图标界面，默认的颜色是原图的颜色，我们可以直接在界面上选择主要的几种颜色。

如果显示的颜色没有自己需要的，可以点击中的黑色块，打开色卡自己选择，或者知道颜色的色号就可以直接在“#”后头输入色号值。

如果想要改变图标的大小，就点击“200”后头的下拉箭头选择图标大小值，或者直接填写需要的图标大小值。

选好颜色和大小之后，就可以点击下方的下载格式：

SVG下载：SVG是矢量格式，可以无损缩放，后期可以改颜色，适合前端开发或者UI设计；

PNG下载：PNG是位图，下载后就相当于一张图片，放大到很大尺寸会糊，适合放到文档或者PPT中使用；

AI下载：Adobe Illustrator格式，可以在Illustrator里继续精修、拆分路径、改造型。

复制SVG代码：把图标以SVG源码（XML 文本） 的形式给你，你可以把它当作一段可缩放的矢量代码直接放进HTML/组件里用，而“SVG下载 ”只是把这段源码存成了一个 .svg文件。

批量图标下载：

批量下载图标的时候，需要先点击，将图标都放进购物车里，然后点击右上角的购物车。

在右侧显示的购物车信息中，点击“下载素材”。

在显示的信息界面中设置图标的颜色、大小，然后选择需要下载的格式。

就会将购物车中的图标以压缩包的形式下载到本地。

购物车中不需要下载的图标，可以将鼠标放到图标上，就显示垃圾桶图标，直接点击，就可以将不需要的图标从购物车里移除了。

另外，iconfont还可以下载阿里妈妈字体库。

iconfont可能不是"最新潮"的工具，但是性价比却很高，可以用起来。