iconfont

阿里巴巴矢量图标库介绍：

iconfont 阿里巴巴矢量图标库是阿里妈妈 MUX 团队倾力打造的矢量图标管理及交流平台，提供了矢量图标下载、在线存储、格式转换等功能。设计师可以将图标上传到 iconfont 平台，用户可以自定义下载多种格式的 icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。

icon 图标库

iconfont 拥有海量矢量图标素材，支持 AI/SVG/PNG/代码格式下载。用户可以通过关键词模糊搜索，可以搜用户搜图标，中文/English/PinYin 无缝互译，同时可以在搜索结果中筛选各种风格，如单色、多色图标，并在线编辑 icon 颜色，用于 PPT 设计、网站应用、无线展示等方面。

矢量插画库

插画库模块分为公开库和非公开库，是一系列相关插画的集合，由绘制插画的上传者创建。用户可下载不同格式的插画，复制 svg 格式，可一键快捷复制到 sketch 文件，满足不同角色的使用场景。

3D 模型插画

多元化的创意物料，多元化的创意设计，支持背景不同色彩自有搭配组合，让你随心所欲地不同角度的立体动态展现。

Lottie 动态特效

lottie 动态素材，用创意点亮动态之美，生动的特效素材展现。支持不同格式素材及 json 格式一键下载。

可变字体库

字体库目前资源不多，收录了阿里巴巴普惠体2.0、阿里妈妈数黑体、思源宋体、站酷酷黑等。用户可在线生成不同参数，编辑色彩、调节字体粗细、大小，通过线上地址一键引用。

阿里图标怎么引用？

一、创建项目：

1. 将自己需要的图标点击添加至购物车；
2. 点击页面右上角购物车图标，并新建一个项目名称；
3. 创建好后项目入口在顶栏菜单：资源管理-我的项目。

二、引用方法：

1. web 端引用 iconfont 多个图标有三种方式：Unicode、Font class、Symbol，Unicode 兼容性最好，font-class 是unicode 使用方式的一种变种，本质上使用的还是字体，Symbol 兼容性一般，但是支持多色图标。
2. 在「我的项目」页面可以看到以上三种方式的选择，这里以 Symbol 为例。点击「查看在线链接」，然后复制显示的 JS 代码。
3. 引入刚刚复制的代码，一般添加在网站头部或底部页面，部分 WP 主题有自定义代码功能。
4. 在添加的项目中查找图标并复制图标代码，然后按照下面的格式替换iconxxx，将代码插入到你需要显示图标的地方即可。

<svg class="icon" aria-hidden="true"><use xlink:href="#iconxxx"></use></svg>

以上就是阿里巴巴矢量图标库的介绍，它不仅是一款免费的图标素材库，更是一个原创图标共享、交流的平台，有设计需求的伙伴不要错过哦。