阿里矢量图标库安装教程来啦！

更新时间：2024-07-25 11:50:10

阿里矢量图标库—— iconfont 是阿里巴巴倾力打造的矢量图标管理、交流平台。各地优秀的图标设计师将图标上传到 iconfont 平台，用户可以自定义下载多种格式的 icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。那么阿里矢量图标库—— iconfont 的矢量图标具体怎么安装使用呢？下面就为大家推荐 2 种阿里矢量图标的安装使用方法，第 1 种是进入阿里矢量图标库—— iconfont 官网，点击下载使用；第 2 种是安装使用即时设计中的 iconfont 插件，无需下载，即拿即用。快来和我一起看看这两种安装使用方法吧～

1、阿里矢量图标库—— iconfont

阿里矢量图标库—— iconfont 是由阿里巴巴提供的一个在线图标素材库，设计师可以在这个图标库中搜索、下载、编辑和管理自己需要的图标。 千万矢量图标素材，可供用户应用于 ppt 设计、网站应用、无线展现等众多方面内容。

• 进入阿里 iconfont 官网，可以看到其中图标量高达 28,268,106+，网站设有 5 个图标素材库，分别为 ICON 图标库、ILLUS 矢量插画库、3D 插画库、LOTTIE 动效库、FONT 字体库。

• ICON 图标库按照官方、多色、单色图标库以及所有图标库分为 4 类，这些图标全都来自各地的优秀设计师创作并分享。这些图标都是设计师在设计图标时很好的灵感来源，也是对于业余爱好者和设计新手来说很好的图标设计借鉴参考。

• 进入 ICON 图标库之后，设计师就可以在所有图标库、官方图标库、多色图标库、单色图标库中选择自己喜欢的图标下载。
• 阿里 iconfont 的图标素材支持下载 SVG、AI、PNG、复制 SVG 代码、复制 SVG 到 App、下载源文件等多种格式，设计师可以根据自己的实际设计需要选择适合的图标文件格式进行下载。还支持按路径在线编辑 icon 颜色。
• 需要注意的是阿里矢量图标库—— iconfont 的资源虽然大部分是免费的，但并不是全部免费，有的支持商用有的不支持，在下载图标素材时要了解清楚图标素材是否可商用，以免产生不必要的版权纠纷问题。

2、即时设计 iconfont 插件

即时设计中的 iconfont 插件是阿里巴巴旗下的矢量图标库，图标种类十分丰富，数量超多。进行图标设计时用来学习参考再合适不过，但是并非全部免费可商用，所以在使用图标时，图标版权需按照 iconfont 站内协议，使用时一定要注意。

即时设计插件广场中搜索 iconfont ，即可得到同款阿里矢量图标，设计师只需在 iconfont 站内找到符合自己设计需求的图标直接拖拽到编辑界面即可，1600W+ 精美图标即拿即用。

优势：

• 在插件内直接搜索拖拽即可使用图标；
• 使用前可自定义图标尺寸和颜色，省去后续调整步骤。

点击图片 一键使用即时设计 iconfont 插件👇

以上就是两种使用阿里矢量图标库的方法，第 1 种是直接进入官网按自己的实际图标设计需求来选择对应的图标类型，但是要将图标按自己想要的格式下载之后才能用到自己的设计中，且每次只能下载一个；第 2 种是进入即时设计插件广场使用 iconfont 插件，直接在右侧面板中搜索自己想要的图标素材即可，无需下载，即拿即用，非常方便。

总的来说，还是推荐大家使用即时设计的 iconfont 插件，图标数量 1600w+，最主要是所有图标不用一个一个下载就可以直接使用。对 iconfont 插件感兴趣的朋友快快使用起来吧～