react+antd项目引用阿里图标

1.首先进入阿里图标首页, 搜索你想要的icon


2.选中图标，点击购物车的那个图标后，图标变成

3.点击右上角的购物车，将图标添加到已有的项目或新建项目


4.进入自己的项目，可以看到自己刚加的和以前加的图标

5.在自己的项目中新建一个js文件，我一般把它放到工具包的文件夹下,文件名自定义（例如：‘icon.js’），代码如下：

import { createFromIconfontCN } from '@ant-design/icons';
const IconFont = createFromIconfontCN({
    scriptUrl: '//at.alicdn.com/t/font_**********.js', // 在 iconfont.cn 上生成
});
export default IconFont

6.在项目需要的文件中，引入新建的文件（‘icon.js’），例如：

import IconFont from '../utils/icon'
 }/>

运行后，样式如下：