iconfont 阿里巴巴矢量图标库 在线引入图标
生活随笔
收集整理的這篇文章主要介紹了
iconfont 阿里巴巴矢量图标库 在线引入图标
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
官方地址: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)題。
- 上一篇: MongoDB的基本shell操作(三)
- 下一篇: 026_lsof命令经验总结