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>	

 

©️2020 CSDN 皮肤主题: 编程工作室 设计师:CSDN官方博客 返回首页