在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