方法一：使用在線鏈接

登錄/注冊賬號

選擇看上的圖標，鼠標懸浮，點擊購物車

點擊導航欄上購物車圖標，查看購物車

將購物車中的圖標添加至項目，若無項目，則新建項目

在項目庫中看到自己的圖標，選擇 font class 方式，并點擊“查看在線連接”，然后點擊生成代碼

點擊復制代碼，會得到 //at.alicdn.com/t/font_2933398_9eu14vuyrsu.css，在html中加上https:使用

在html中使用link的方式

鼠標懸浮圖標上，復制代碼，得到該圖標的類名 icon-bumengaikuang 在標簽上再加上類名 iconfont 使用。一般用 i 標簽、span標簽都行。

<link rel="stylesheet" href="https://at.alicdn.com/t/font_2933398_6teph59hevw.css"> <i class="iconfont icon-bumengaikuang"></i>

若要對樣式進行修改，則在css中直接對 圖標類名icon-bumengaikuang進行修改即可。

當項目中的圖標增多時，使用最新生成的鏈接。

方法二：下載圖標

懸浮在看上的圖標，選第三個，下載。

選擇合適的顏色，合適的大小。大小單位是px，同字體設置。

選擇合適的格式下載。

選擇復制svg代碼時，直接粘貼到html目標位置即可。

選擇圖標格式時，按照引入圖片的方式引入html即可。

總結

以上是生活随笔為你收集整理的阿里矢量库的图标使用教程（在线，下载）的全部內容，希望文章能夠幫你解決所遇到的問題。

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