官方地址：iconfont-阿里巴巴矢量圖標庫

一般我們從該網站直接下載我們需要的圖標，這里再介紹一種在線引入該網站圖標的方式

流程：

1.進入官網，挑選需要的圖標添加入庫

?2.點擊下圖所示按鈕

3.點擊添加至項目 ，如下圖

?

4.點擊加入項目，如下圖

?5.下面主要介紹兩種引入方式，先介紹方式1，font class引入

5.1 點擊生成代碼鏈接，如下圖

?5.2 點擊復制代碼，如下圖

?5.3 在html中引入鏈接

?5.4 復制代碼

?5.5 在html中引入

6.方式2，symbol引入

?流程和上面差不多，

先在html引入鏈接：

?再引入圖標代碼

<svg class="icon" aria-hidden="true"><use xlink:href="#icon-sousuo"></use> </svg>

下圖中標注區域替換為你的圖標代碼?

總結

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

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