携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第25天，点击查看活动详情
本次系列文章参与八月的更文活动，记录一个微信小程序从零到有的开发过程。本文为本系列第二十五篇：如何使用阿里巴巴icon图标
在开发过程，经常需要用到icon图标。阿里巴巴的矢量图标库含有大量免费图标，那么，我们应该如何将阿里巴巴图标库引入到我们项目中使用呢？
web端使用
首先进入阿里巴巴图标库官方网址,搜索到自己想要的图标，如下：
找到想要的图标，点击购物车，加入到自己的购物车。
将想要的图标添加至自己新建的项目中
然后进入我的项目中，点击更新代码：
更新代码完成后，即会出现以下链接
点击进入该链接，就可以看到生成的最新代码
将该份代码复制起来。
在自己的项目中，新建一个iconFont.wxss的文件在根目录下，将以上的代码复制进去。
再在app.js中，引入iconFont.wxss样式文件
最后，在对应页面使用对应的图标即可。
wxml
<span class="iconfont icon-shangsheng"></span>
这样，就可以成功将图标引入我们的项目并使用上了。不过用此方法后，每次增加icon图标，都要将font-face的源代码重新复制一份，对应的图标才能生效。
单个icon使用
如果你只是想要下载某个icon图标另作他用，或者临时就需要找个一个图标，那么只需要点击下载，进行配置好大小和颜色等参数，将图标下载下来也是非常方便的。
