製作iconfont放到自己的公共組件庫

• 2020 年 10 月 13 日
• 筆記

我們公司的icon是UI提供svg，我們轉成iconfont。

這裡就不詳細說明怎麼製作svg，可以上網搜一下，//www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d1c73b2de&helptype=draw&step=（可供參考）。

拿到svg後，我們可以進到iconfont的首頁，登錄後，有的公司會有自己得項目庫，點擊資源管理–>我的項目 ，這裡面管理著團隊所有人製作得圖標

開始製作icon：點擊上傳圖標至項目，就進入拖拽頁面

拖拽進框後，就可以修改icon名稱，修改成英文得；再下面最好選去除顏色，這樣可以做一些如滑鼠移入，icon顏色變化得操作

提交後，又回到這個頁面

點擊紅框處，才是真正得上傳了，然後點擊下載至本地

 最後就把下載中項目需要的文件，替換到項目中去，就可以應用了。