微信小程序中使用svg字體圖標教程 ——圖解三步，很清晰

小程序中想使用字體圖標其實很簡單：
第一步：首先在阿里巴巴矢量圖庫https://www.iconfont.cn/search 里面下載你想要的小圖標：

 

 

下載時選擇svg下載：

 

 

第二步：打開 https://icomoon.io 把你剛剛下載的svg拖拽到這里：

 

 

 

 

 

 

 

第三步：在線轉換base64編碼字體，打開 https://transfonter.org/ ：

 

 

下載完成后你會得到第二個文件夾，解壓：

 

 

接下來就可以使用了：
注意： 字體圖標就相當於字體直接用font-size控制大小，color控制顏色就可以

// wxml結構文件:
<view class="icon-copy"></view>
// wxss樣式文件：
.icon-copy {
font-size: 30px;
color: #000;
}

　　

 

 

————————————————
版權聲明：本文為CSDN博主「最初都是小白」的原創文章，遵循CC 4.0 BY-SA版權協議，轉載請附上原文出處鏈接及本聲明。
原文鏈接：https://blog.csdn.net/Originally_M/article/details/106473475