在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