前提需要：
打开阿里图标官网http://www.iconfont.cn/plus 注册登录（微博/github登录即可）
一、本地引用
1、引入iconfont的css
<link rel="stylesheet" type="text/css“ href="font/iconfont.css">
2、设置class属性
<i class="iconfont icon-weixin1"></i>
3、设置样式
<i class="iconfont icon-weixin1" style="font-size: 30px; color: red;"></i>
二、在线引用
1、生成http域名地址并引入
<link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_uj101bok759afw29.css">
2、复制图标类名并设置class属性
<p><i class="iconfont icon-weixin1" ></i>微信</p>
3、设置样式
<i class="iconfont icon-weixin1" style="font-size: 30px; color: red;"></i>
阿里云图标的使用用i包裹，font来更改样式。像设置字体一样更改size和color即可。
转载自原文链接, 如需删除请联系管理员。
原文链接：阿里云矢量图标使用，转载请注明来源！