前端使用阿里巴巴矢量图库的图标大全

前端如何使用阿里巴巴矢量图库的图标

1.首先搜索想要的图标

  阿里巴巴矢量图库http://www.iconfont.cn,可以github登录或者微博登录

2.添加购物车

3.添加至项目

  没有项目可以新建一个项目，添加到项目的好处是可以让你一次性下载多个你看中的图标。

4.下载至本地

  点击资源管理下面的我的项目，再将选中的图标一次性下载到本地

5.引用图标

  查看下载后的解压的文件


  浏览器查看demo_index.html,引用阿里巴巴图标，有三种方式

5.1 unicode引用方式












&＃xe66b;
&＃xe608;




5.2 font-class引用方式

5.3 Symbol引用方式