MUI框架-14-使用自定義icon圖標、引入阿里巴巴矢量圖標
首先介紹介紹一下,前端必備的非常強大的 阿里巴巴矢量圖標庫:地址是:http://www.iconfont.cn/
這里有豐富,精美,且免費使用的矢量圖標

怎么應用到自己的項目中呢?
方法一:直接下載,png 格式的圖標
提示:可以自選顏色,截圖:

方法二:下載代碼
1.先將想要使用的圖標加入購物車
2.打開購物車,點擊下載代碼:

3.下載后是一個壓縮包,解壓后就可以得到一堆東西:

4.這里面有 3 個html 文件,是說明三種常用的使用方法
5.建議使用:symbol 的那個方法
【注意】:
1.只需要引入 js 文件到項目中。
2.需要自己替換 HTML 代碼中的 icon-xxx 為最上面該圖標的名字,截圖:
等等,三種方式,大家可以根據自己的需要選擇,具體使用查看,下載代碼的 html 文件的詳細描述
【注意】:自己替換 HTML 代碼中的 xxx 為最上面該圖標的名字