iconfont

iconfont沒有版權。iconfont平臺的Logo、“iconfont.cn”等文字、圖形及其組合，以及iconfont平臺的其他標識、徵記、產品和服務名稱均為iconfont及其關聯公司在中國和其它國家的商標，未經iconfont書面授權，任何人不得以任何方式展示、使用或作其他處理，也不得向他人表明您有權展示、使用或作其他處理。用戶承諾不得以任何方式利用iconfont平臺直接或間接從事違反中國法律以及社會公德的行為，iconfont有權對違反上述承諾的行為采取措施（包括但不限于刪除違反承諾的內容、暫停或停止為用戶提供服務等）并在iconfont平臺予以通知公告。

首先登陸iconfont官網，然后點擊由上角的登錄按鈕進行登錄，還沒有賬號的小伙伴需要先注冊哦！在彈出的對話框中選擇你的登錄方式，登錄成功后右上角便會顯示你的賬號信息哦！準備工作做好后，在搜索框中輸入你需要的圖標如“首頁”，然后敲回車，就會出現很多關于“首頁”的圖標。將鼠標移至你需要下載的圖標上，從上到下依次有三個選項，分別是“添加入庫”、“收藏”、“下載圖標”，然后點擊“下載圖標”。在彈出的對話框中你可以選擇改變圖標的顏色。調好顏色后選擇底部提供的樣式進行下載即可。

打開百度首頁，搜索【iconfont】，在搜索列表中打開第一個官網。進入官網后可以看到網站里有很多成套的圖標，我們點擊右上角的【登錄】按鈕，可以選擇用微博快捷登錄哦。登錄后在頂部導航中一次點擊【圖標庫】-【官方圖標庫】，也可以選擇其他的圖標庫哦。找到自己想要下載的圖標庫，點擊進入。找到自己想下載的圖標，鼠標放在圖標上，點擊【下載】按鈕。（也可以加入購物車批量一起下載哦）。在彈窗中可以修改圖標的顏色、大小，修改完成后點擊【AI下載】或【PNG下載】。我們可以把兩個都下載一下看下，png是可以直接使用的哦，AI下載下來的是矢量圖，可以用AI打開進行矢量圖的編輯哦。

1、登錄阿里巴巴矢量圖標庫，網址：https://www.iconfont.cn/。2、登錄賬戶（可以用微博、GitHub賬號直接登錄）。3、搜索自己需要的圖標，例如：手機，不得不說，圖標非常之多！（下面顯示的只是部分內容）。4、選取自己需要的圖標，添加入庫。5、搜索并添加自己需要的其他圖標入庫，例如我添加了著一些。6、引用阿里圖標庫的方法有三種，分別是：調用阿里cdn遠程引入，下載圖標引入圖標文件（支持PNG和SVG和AI格式圖片下載），下載圖片字體文件自行引入（下載下來的壓縮包中有演示文檔及使用說明）。7、對于阿里圖標庫中不存在的圖標或者說，你沒有搜到這款圖標，但是你在別的圖標庫中下載到了這款圖標的話，你還可以將該圖標上傳到你的項目里面去，這樣，你就可以通過阿里圖標庫來調用這款圖標了。

官網搜索iconfont下載即可。iconfont一個阿里爸爸做的開源圖庫，人家還有專門的 github issue，但人家的圖標數量還是很驚人的，不僅有幾百個公司的開源圖標庫，還有各式各樣的小圖標，還支持自定義創建圖標庫，所以不管你是一家創業公司還是對設計很有要求的公司，它都能很好的幫助你解決管理圖標的痛點。阿里巴巴iconfont+ 也是圖標字體開發時生成字體文件及demo的網站；阿里巴巴iconfont+ 生成的demo可以解決圖標單色調問題，其原理是 生成svg合集， 然后使用svg呈現圖標。但該方式兼容性較差（SVG兼容小結）， 如是移動端開發不考慮低版本瀏覽器兼容問題可以嘗試該方式。

1.首先在Iconfont-阿里巴巴矢量圖標庫上面找到你需要的圖標然后加入你的購物車（這一步很簡單，就像逛淘寶一樣！）；2.然后就是點擊一下購物車，它會出現‘下載代碼’的按鈕，點擊下載保存到本地；3.接著就是把下載好的文件解壓出來，放到項目的css文件夾（方便之后在html中引用）；4.文件放到項目后，只需要引用iconfont.css這個文件即可；5.最后一步肯定是調用了：html。阿里巴巴iconfont+ 也是圖標字體開發時生成字體文件及demo的網站；阿里巴巴iconfont+ 生成的demo可以解決圖標單色調問題，其原理是 生成svg合集， 然后使用svg呈現圖標。但該方式兼容性較差（SVG兼容小結）， 如是移動端開發不考慮低版本瀏覽器兼容問題可以嘗試該方式。

免費。iconfont平臺：是一個矢量技術交流學習分享的平臺，同時為廣大用戶提供矢量圖標存儲、字體圖標轉換等功能的平臺。但是權利歸屬，除非iconfont另行聲明，除用戶自行上傳的內容外，iconfont平臺內的所有產品、技術、軟件、程序、數據及其他信息（包括但不限于文字、圖像、圖片、照片、音頻、視頻、圖表、色彩、版面設計、電子文檔）的所有權利（包括但不限于版權、商標權、專利權、商業秘密及其他所有相關權利）均歸iconfont或其關聯公司所有。未經iconfont許可，任何人不得擅自使用（包括但不限于通過任何機器人、蜘蛛等程序或設備監視、復制、傳播、展示、鏡像、上傳、下載iconfont平臺內的任何內容）。

Iconfont 顧名思義，它是一種字體，只不過這個字體顯示的并不是具體的文字之類的，而是各種圖標。它的原理就是將很多 icon 做成字體庫，通過樣式或者字體對應的字符集來顯示這個 icon。目前比較流行的iconfont字體庫有阿里的iconfont。“iconfont是用字體文件取代圖片文件,來展示圖標、特殊字體等元素的阿里巴巴MUX傾力打造的矢量圖標管理、交流平臺。設計師將圖標上傳到Iconfont平臺,用戶可以自定義下載多種格式的icon,平臺也可將圖標轉換為字體,便于前端工程師自由調整與調用。”

step 1:找到阿里巴巴矢量圖標庫官網https://www.iconfont.cn,然后注冊登錄,或者用github登錄也行,此步驟跳過;step 2:找到圖標管理->我的項目->然后新建項目:step 3:項目新建完成后,往項目里添加我們要想使用的圖標,找到圖標庫,搜索一個想要的圖標,然后添加到購物車;step 4:添加到購物車完成后,購物車徽章數字應該顯示1了,點擊右上角的購物車圖標,選擇添加至項目,選擇我們剛剛創建的項目,確定;step 5:接下來一部比較關鍵,將打包好的字體文件下載到本地添加到你的項目中,在項目中引用文件中的iconfont.css文件;強調一次,把上面這些文件都放在一個文件夾內，然后放在你的項目目錄中,再在你的項目中引入iconfont.css文件step 6:到了最后一步了,如何在項目中使用字體圖標呢,其實很簡單,創建一個i標簽或者span標簽,添加兩個類名,一個固定的是iconfont,另一個是你想要的那個圖標對應的類名。

肯定可以呀。iconfont一個阿里爸爸做的開源圖庫，人家還有專門的 github issue，但人家的圖標數量還是很驚人的，不僅有幾百個公司的開源圖標庫，還有各式各樣的小圖標，還支持自定義創建圖標庫，所以不管你是一家創業公司還是對設計很有要求的公司，它都能很好的幫助你解決管理圖標的痛點。阿里巴巴iconfont+ 也是圖標字體開發時生成字體文件及demo的網站；阿里巴巴iconfont+ 生成的demo可以解決圖標單色調問題，其原理是 生成svg合集， 然后使用svg呈現圖標。但該方式兼容性較差（SVG兼容小結）， 如是移動端開發不考慮低版本瀏覽器兼容問題可以嘗試該方式。