svg图标

对于web中的icons的各种实现的利弊，请参考：web中实现icon的利弊

本文以为例，说下svg图标简单的使用：

挑选图标下载到本地，文件结构如下：

 

 

 运行demo_index.html文件，里面有很详细的介绍：

unicode 引用

 

 

 

font-class 引用

 

 

 

symbol 引用

 

 

 

 

svg图标颜色的更改需要在图标库中去除原有颜色：

 

然后再修改步骤二中的   fill: #306ade;  效果如下：