對於web中的icons的各種實現的利弊，請參考：Web中實現Icon的利弊
本文以阿里矢量圖標庫為例，說下svg圖標簡單的使用：
挑選圖標下載到本地，文件結構如下：
運行demo_index.html文件，里面有很詳細的介紹：
Unicode 引用
font-class 引用
Symbol 引用
svg圖標顏色的更改需要在圖標庫中去除原有顏色：
然后再修改步驟二中的 fill: #306ade; 效果如下：
免責聲明！
本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。