阿里图标库

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

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

icon图标库

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

矢量插画库

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

3D模型插画

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

Lottie动态特效

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

阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具，阿里妈妈MUX是负责阿里巴巴集团商业产品的营销研究及用户体验设计、前端开发团队。

可变字体库

字体库目前资源不多，收录了阿里巴巴普惠体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>

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