MUI框架-14-使用自定義icon圖標、引入阿里巴巴矢量圖標


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 為最上面該圖標的名字


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM