1.进入阿里巴巴矢量图官网
http://www.iconfont.cn/home/index?spm=a313x.7781069.1998910419.2
2.注册、登录
3.按图操作7步搞定阿里巴巴矢量图_阿里巴巴
4.将自己上传 的svg图或者搜索的图添加入库
7步搞定阿里巴巴矢量图_矢量图_02
5.点击购物车，然后添加至自己的项目
7步搞定阿里巴巴矢量图_矢量图_03
6.将生成的链接在新窗口打开，在自己的项目中创建font.css文件，将链接中的代码copy进css文件中
7步搞定阿里巴巴矢量图_矢量图_04
7.在页面引入font.css文件，然后引用标签一般用i

第一个类是你拷贝的css里面统一的类名，第二个是图标名称，图标名称就在网站你的项目中，可以拷贝，css文件中也有；