在ant design 中使用iconfont图标

在react项目中，引入了ant design组件库，由于其图标有限，想在项目中引入更多的图标，比较简单快捷的方法如下。

1. 进入阿里巴巴图标官网，完成登录

2. 选择自己需要的图标，加入购物车

   

3. 点击右上方的购物车，选择添加至项目，如果没有项目，可以新建

   

4. 进入项目，点击Symbol选项卡，然后选择「查看在线链接」

   

5. 点击「点此复制代码」，复制链接至剪贴板

   

6. 在需要引入图标的组件中添加以下代码

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

   其中，组件名称ToolIcon可以自定义哒～～

7. 把上面代码中的 scriptUrl 替换成之前新生成的链接

8. 然后就可以在需要的地方使用啦,

   <ToolIcon type="icon-gongju" />
   

   记得把type换成自己添加的图标名称哦^_^