1.官网地址: .iconfont-阿里巴巴矢量图标库
2.打开我的项目新建项目
3.填写一个名字即可![](https://i-blog.csdnimg.cn/blog_migrate/ab12b0ac14d4a7f441e4e766706ec1cd.png)
4.搜索出你需要使用的图标![](https://i-blog.csdnimg.cn/blog_migrate/c6cc43cb670c548a071b350449e55acf.png)
5.添加入库 添加入库后 右上角有一个购物车会显示
6.添加至刚刚创建的项目
7. 回到本地项目点击下载到本地然后解压下载的压缩包
8.把解压后文件里面的css复制进项目里 css文件改成wxss其他的不用管![](https://i-blog.csdnimg.cn/blog_migrate/56bb64c88887beeffb34d8211880e40a.png)
9.在你需要使用图标的页面的wxss中导入字体图标样式
10.在哪里引用就输入字体图标的iconfont + 图标类名 下面那个就是图标类名 iconfont 是固定的
10.1 示例
<view class="container " >
<navigator class="searchText iconfont icon-icon-test"> 搜索</navigator>
</view>
10.2 效果图
问题1 - 渲染出错误
解决方案 :点下面这行 然后他会弹出一个页面 把里面内容复制 把刚刚改成wxss的iconfont文件 替换一下就好了