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

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

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

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

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