官方地址：iconfont-阿里巴巴矢量圖標(biāo)庫(kù)

一般我們從該網(wǎng)站直接下載我們需要的圖標(biāo)，這里再介紹一種在線引入該網(wǎng)站圖標(biāo)的方式

流程：

1.進(jìn)入官網(wǎng)，挑選需要的圖標(biāo)添加入庫(kù)

?2.點(diǎn)擊下圖所示按鈕

3.點(diǎn)擊添加至項(xiàng)目 ，如下圖

?

4.點(diǎn)擊加入項(xiàng)目，如下圖

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

5.1 點(diǎn)擊生成代碼鏈接，如下圖

?5.2 點(diǎn)擊復(fù)制代碼，如下圖

?5.3 在html中引入鏈接

?5.4 復(fù)制代碼

?5.5 在html中引入

6.方式2，symbol引入

?流程和上面差不多，

先在html引入鏈接：

?再引入圖標(biāo)代碼

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

下圖中標(biāo)注區(qū)域替換為你的圖標(biāo)代碼?

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。