一、选取需要的icon
1、在iconfont上选取自己所需要的图标,然后添加到库内
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0d9ee67adb8453c9e41227c265db38a7.png)
2、将挑选的图标添加到自定义的项目中
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ae8afa92cbb2bbe417261049aec953c7.png)
3、选择生成font class的代码
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/6f765fbf3b240cd6f7c46cc5e0f76413.png)
4、点击链接进入代码并复制全部
二、在微信小程序中使用iconfont
1、在项目下创建style文件夹,并建立所需要的wxss文件
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/178c7838d0cf5236150b4e644a8b895f.png)
然后在wxss文件中将在iconfont上生成的css代码全部复制进去
2、在app.wxss内引用
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/a9f85b247ab5a0d0c316adfd0dc82b45.png)
3、使用icon
<view class="iconfont icon-shangxiahuadong"></view