在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