One: We are using iconfont-Alibaba vector icon library here , you can click here to enter the official website.
First, we find the icons we need to add to the shopping cart:
![](https://img-blog.csdnimg.cn/img_convert/a4e299d332ec45369e23de6cd92948e8.png)
Second, click the cart to add to the item:
![](https://img-blog.csdnimg.cn/img_convert/240073b66dc1451d93d7806377d304f5.png)
Under normal circumstances, it will automatically jump to my project page after adding:
![](https://img-blog.csdnimg.cn/img_convert/94bc525d77ed49a1b5b627ae3dbbe2f5.png)
If there is no jump or there is already a selected icon in our project, we can go to the home page and select resource management -> select my project:
![](https://img-blog.csdnimg.cn/img_convert/f0fdb0c9fe1242f5af16e632279b7750.png)
![](https://img-blog.csdnimg.cn/img_convert/1ed6038446ca4291a37507caaa827930.png)
![](https://img-blog.csdnimg.cn/img_convert/a098fe89d8654e25a99eb95602338d17.png)
The code displayed on the page obtained after double-clicking:
![](https://img-blog.csdnimg.cn/img_convert/4b5017f2659947ce8edd51231010c0de.png)
Two: enter our small program project to use
Copy and paste it into our wxss file:
![](https://img-blog.csdnimg.cn/img_convert/2770c3d9dabd400a9348e49d8037307e.png)
Then add in the wxml file
<text class="icon-wodezixuanbeifen"></text>
The displayed effect:
![](https://img-blog.csdnimg.cn/img_convert/55a5509a3ade452e965aed1e49092388.png)
If you need to change the color of the icon, you can directly add style="color: "
<text style="color: pink;" class="icon-wodezixuanbeifen"></text>
![](https://img-blog.csdnimg.cn/img_convert/5a7976d090e34589a0771c8f94c38b8b.png)