对于web中的icons的各种实现的利弊，请参考：Web中实现Icon的利弊
本文以阿里矢量图标库为例，说下svg图标简单的使用：
挑选图标下载到本地，文件结构如下：
运行demo_index.html文件，里面有很详细的介绍：
Unicode 引用
font-class 引用
Symbol 引用
svg图标颜色的更改需要在图标库中去除原有颜色：
然后再修改步骤二中的 fill: #306ade; 效果如下：
免责声明！
本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。