Iconfont平臺(阿里巴巴矢量圖標庫) v1.0 官方免費版

軟件介紹

iconfont是一款功能非常強大的矢量圖標管理工具，它擁有著豐富的圖標內容，滿足用戶的各種需求。我們不僅可以在Iconfont阿里巴巴矢量圖標庫里找到自己想要的矢量圖標素材。而且還可以將這些圖標直接轉換成電腦上的字體來進行使用，從而讓你的電腦字體變得非常有個性。

基本簡介

iconfont阿里巴巴矢量圖標庫，阿里媽媽MUX傾力打造的矢量圖標管理、交流平臺。iconfont設計師將圖標上傳到Iconfont平臺，用戶可以自定義下載多種格式的icon，平臺也可將圖標轉換為字體，便于前端工程師自由調整與調用。

同時設計師將圖標上傳到Iconfont，用戶可以自定義下載多種格式的icon，iconfont平臺也可將圖標轉換為字體，便于前端工程師自由調整與調用。

iconfont功能介紹

搜索：支持關鍵詞模糊搜索，可以搜圖標搜用戶，中文 / English / Ping yin 無縫互譯

下載詳情頁：可查閱icon歸屬圖標庫與作者，多色圖標支持分路徑改色，下載圖標自動保存最近使用的顏色

購物車：將圖標加入購物車后，可以批量下載素材和代碼、批量添加至項目

上傳：支持單個或批量上傳多個icon、支持單色/多色icon同時上傳、支持圖標自定義配置標簽

圖標庫：系列相關圖標的集合，由圖標上傳者創建，需通過審核才可公開/加密訪問 圖標庫分為官方圖標庫/自定義圖標庫/多色圖標庫

項目管理：“項目”是幫助團隊協同合作的共享模塊，創建項目后，視覺同學上傳icon，交互/產品同學可以?自由下載圖標，前端同學可以將圖標以字體格式添加至代碼，支持三種格式代碼使用。

打賞：支持原創圖標，尊重設計成果，在“用戶”與“圖標庫”維度支持打賞，如果你喜歡哪位設計師，趕快去打賞吧～

iconfont軟件特點

【海量圖標自定義下載】

支持AI / SVG / PNG / 代碼格式下載

支持按路徑改變icon顏色

【將圖標轉化為字體應用】

添加項目的圖標，可以生成在線鏈接

以字體形式進行復用

【項目協同合作】

創建項目后上傳icon，成員可以下載圖標

前端同學可以將圖標添加至代碼

【原創icon交流平臺】

我們提供一個原創圖標共享、交流平臺

尊重原創，尊重每個設計師

iconfont使用方法

iconfont怎么使用？

點擊左上角的“圖標”進入圖標庫，選擇你喜歡的圖標并加入購物車（鼠標經過鼠標會有三個按鈕圖標，分別是加入購物車，收藏，下載），你也可以在右上角的搜索框中輸入你想要的圖標名稱。

圖標都選好后，點擊頁面右上角的購物車圖標，此時可以看到你加入過購物車的所有圖標，然后點擊“下載代碼”下載到本地。

代開并加壓下載到本地Iconfont壓縮包，找到iconfont.css復制并粘貼到你的項目文件夾中，同時在您的網頁代碼的頭部的引入iconfont.css（注意路徑是否正確）

打開Iconfont文件夾中的demo_fontclass.html，在改網頁頁面中可以看到你加入購物的圖標和對應的圖標名稱。

常見問題

為什么下載字體，更新cdn都會提示error？

iconfont平臺也是依賴的第三方的c庫 fontforge來生成字體的，如果unicode不符合規范，或者圖標本身的路徑有問題，它會報錯的。unicode的正確設置，參考上一條。遇到這種問題，可以直接把一半圖標添加到一個新項目看看是不是有問題，一半一半的試，就可以排查出這個問題圖標了。

為什么下載字體后，發現所有圖標偏上了？

這種情況一半都是其中某些圖標有問題，他們的圖形可能超出了舞臺，也可能是設計師粗心，在舞臺外面有個點或者啥的?？傊@個圖標會把整個字體撐開，我們需要參考上面的用二分法排除這個圖標。刪除重新生成字體即可。

審核一般要多久，有什么注意事項沒?

審核一般 1-2 個工作日 (不過如果審核同學忙暴斃，望諒解...)審核不通過的原因可能是：單色圖標與多色圖標混合在一個圖標庫內

沒有符合繪制規則，參照幫助中心 繪制規則

圖標質量實在辣眼睛

抄襲 Iconfont 線上已有多色圖標

大家在對圖標庫和圖標命名的時候，盡量如實描述，不要出現只有自己才能懂的火星文，考慮到圖標庫的公開屬性，通用易懂比較綠色健康無公害

微博登錄有問題?

微博登陸的問題，我們也很無奈，不是太穩定，也沒有啥反饋的渠道，建議大家可以先使用github登陸，后續我們會嘗試接入qq，微信啥的，或者自建賬戶體系。