1、進入鏈接圖標庫
2、下載可能需要登錄賬號，如無賬號可用手機號注冊登錄
3、在首頁搜索自己需要的圖標，（此處以“花”為例）

4、找到需要的圖標，添加入購物車內

5、打開右上角購物車，找“花”，點擊“下載代碼”，“確定”

6、打開下載壓縮包，解壓

7、打開vscode,找到需要引入圖標的頁面，此處給一個span（僅以span為例），類名取為：“iconfont”

8、找到解壓后的iconfont.css文件，并引入到html中

![css](https://img-blog.csdnimg.cn/a0ab96e741de4c4e9c0e75ffd54c2a54.png#pic_center

9、打開解壓后的demo.html文件，點擊Font class 找到下載圖標的原類名

10、把原類名寫入span。

11、Ctrl+s,Alt+b

12、圖標大小可通過fontsize調節

總結

以上是生活随笔為你收集整理的如何从阿里巴巴矢量图标库引入图标的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。