Iconfont-阿里巴巴矢量图标库的SVG玩法

Iconfont-阿里巴巴的矢量图标大大方便了前端代码中对图标的引用，只需要在网站上选好图标到【我的项目】，再通过代码引用即可。

更为方便的是，它可以通过像控制字体font一样地控制图标的大小，颜色等。

让我们来看看这个要怎么玩吧

-------------------------------------------------------

网址:    http://www.iconfont.cn/

1，选好图标到购物车 ---- 添加到【我的项目】

2，在html代码中引入此段代码

<!--icon-->
<script type="text/javascript" src="http://at.alicdn.com/t/font_386052_rob0iyoleb0dlsor.js"></script>

3，可以使用啦。把 下面的代码放到页面中，你想放的位置。把xlink:href=" "中的值改成你选择的图标代码。接着，可以通过 class 样式来改变图标。
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-left"></use>
</svg>