1.首先找到一个能够下载svg图标的网站,例如iconfont或iconpark。我这里使用的字节的iconpark网站下载svg图标。
2.点击批量下载,下载一个压缩包。将下载后的压缩包解压之后就是我们选择下载的svg文件。如下图
3.打开将svg文件转成base64的网站,因为在小程序中不能直接使用svg文件,得将其转成base64格式得数据作为标签得background_image得数据。
svg转换网站地址:https://www.css-js.com/tools/base64.html
如下图
4.打开小程序,新建一个iconfont.wxss文件,然后自己新建几个类。如下图
5.在标签上使用这些类名就行了