在跟着技术胖视频做博客项目，视频是19年的，当时对icon的动态引入比较方便，但是antd4版本的icon已经做成组件形式了，动态引入不太方便，官方提供了一种使用iconfont.cn的方式引入，

import { createFromIconfontCN } from '@ant-design/icons';

const IconFont = createFromIconfontCN({
  scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
});

本文介绍scriptUrl的生成方法和如何动态引入icon。

iconfont.cn网站中：资源管理——我的项目，点击右侧创建项目

去首页搜索你想要的图标，加入购物车，都添加完后，点击购物车，选择：添加到项目。去我的项目中查看，选择：symbol，可以自己定义图标名字，编辑好后，点击：查看在线链接，会生成链接，该链接是scriptUrl。将该链接引入项目。
例如项目中需要使用home（home是我自己起的名字）图标，使用如下：

<IconFont type="icon-home" />首页

效果为