对于web中的icons的各种实现的利弊，请参考：Web中实现Icon的利弊
本文以阿里矢量图标库为例，说下svg图标简单的使用：
挑选图标下载到本地，文件结构如下：
运行demo_index.html文件，里面有很详细的介绍：
Unicode 引用
font-class 引用
Symbol 引用
svg图标颜色的更改需要在图标库中去除原有颜色：
然后再修改步骤二中的 fill: #306ade; 效果如下：
相关文章：
相似解决方案
热门标签
对于web中的icons的各种实现的利弊，请参考：Web中实现Icon的利弊
本文以阿里矢量图标库为例，说下svg图标简单的使用：
挑选图标下载到本地，文件结构如下：
运行demo_index.html文件，里面有很详细的介绍：
svg图标颜色的更改需要在图标库中去除原有颜色：
然后再修改步骤二中的 fill: #306ade; 效果如下：
相关文章：