移动端开发过程中，字体图标几乎是不可缺的，本文将介绍如何使用阿里字体图标，已方便练手的时候使用。

第一步：制作字体图标

1、首先进入阿里巴巴矢量图网站：http://www.iconfont.cn/
2、通过搜索需要的图片的关键字搜索图标，如"购物车"

点击回车键，选择自己喜欢的图标，添加入库，点击右上角的购物车图标，如下如

点击"下载代码",将子图图标下载到本地电脑并进行解压。

第二步：react项目中使用该字体图标

1、在react项目的public文件夹下面创建iconfont文件夹，将如下文件放到iconfont文件夹下：

2、在public文件夹下的index.html引入iconfont.css，如

    <link rel="stylesheet" href="./iconfont/iconfont.css">
    
3、使用如下即可

    <i className="icon icon-qq"></i>