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

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

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

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

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