ant design 使用自定义阿里巴巴图标

在 react 中，使用ant design 框架中的自定义图标

1. 首先，复制例子中的代码:

   import { createFromIconfontCN } from '@ant-design/icons';
   
   const IconFont = createFromIconfontCN({
     scriptUrl: '//at.alicdn.com/t/font_8d5l8fzk5b87iudi.js',
   });
   

   其中，scriptUrl 是需要自己生成的。
2. 那么接下来打开阿里巴巴图标官网 ，登录后，选择图标并加入购物车，同时添加进项目里面。
3. 进入项目，点击Symbol选项卡，然后生成项目链接。
4. 把上面代码中的 scriptUrl 替换成新生成的链接。
5. 之后就可以使用了:

    <IconFont type="icon-tuichu" />
   

   type就是你添加中项目里面的图标名称。

注意：每次添加新图标后，需要更新一下链接。上面的组件名称iconfont可以自己定义成任何名字。