在react项目中引入iconfont图标

在做react的项目时 引入了ant design组件库，由于组件库的图标 有限，想在项目中引入更多的图标，查了半天终于找到了解决办法。

解决办法

1. 进入阿里巴巴图标库网站 登录
2. 选择自己需要的图标，加入购物车。
3. 点击选择之后的购物车，选择添加至项目，如果没有项目，可以新建。

下载图标至本地，解压文件，找到iconfont.js文件。

1. 将iconfont.js文件放入 utils文件夹中。

2. 在页面中引入 iconfont.js。

   const IconFont = Icon.createFromIconfontCN({
     scriptUrl: iconFont
   })

   别忘了 import { Icon } from 'antd'
   然后就可以像用ant design 的Icon 一样了。

csdn 地址:https://blog.csdn.net/sunshineln/article/details/102957418