定期推送各學(xué)科優(yōu)質(zhì)的數(shù)字學(xué)習(xí)工具，敬請期待！
本期編輯：馮孟坭
引言
iconfont是國內(nèi)一款功能強(qiáng)大且圖標(biāo)內(nèi)容十分豐富的矢量圖標(biāo)庫，提供矢量圖標(biāo)下載、在線存儲、格式轉(zhuǎn)換等功能。圖標(biāo)庫包含四個大類，官方圖標(biāo)庫、單色圖標(biāo)庫、多色圖標(biāo)庫、所有圖標(biāo)庫；支持圖標(biāo)項(xiàng)目管理和團(tuán)隊(duì)協(xié)作；用戶還可以參照繪圖規(guī)則制作和上傳矢量圖標(biāo)；支持用戶在iconfont網(wǎng)頁下載多種格式的icon，平臺也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。
工具簡述
類別：多媒體制作工具
網(wǎng)站：http://www.iconfont.cn/
平臺需求：Web網(wǎng)頁版
軟件語言：中文/英文
是否免費(fèi)：免費(fèi)
軟件功能：矢量圖標(biāo)下載、圖標(biāo)項(xiàng)目管理、圖標(biāo)繪制、代碼應(yīng)用
入門指南
iconfont是阿里媽媽MUX傾力打造的矢量圖標(biāo)管理、交流平臺。設(shè)計(jì)師可以將設(shè)計(jì)的icon素材上傳，供大家下載多種格式的素材。也可以將icon轉(zhuǎn)換為字體格式，方便前端工程師使用。
網(wǎng)站首頁介紹
iconfont首頁上半部分是主功能區(qū)，頂部左側(cè)的菜單欄包括圖標(biāo)庫、圖標(biāo)管理、幫助、在線字體和網(wǎng)站活動；頂部右側(cè)包括用戶中心、上傳圖標(biāo)、語言切換和用戶下載。首頁中間長圓角矩形部分顯示了平臺現(xiàn)有的圖標(biāo)數(shù)量，點(diǎn)擊可以搜索圖標(biāo)。首頁下半部分展示了平臺內(nèi)經(jīng)典的矢量圖標(biāo)庫。
用戶登錄
在iconfont上下載圖標(biāo)，首先需要使用賬號登錄，iconfont支持非阿里用戶使用GitHub和微博賬號登錄。有更多需求的用戶需要完善個人信息以體驗(yàn)更多的功能。
搜索圖標(biāo)
用戶在首頁的搜索框內(nèi)鍵入想要搜索的內(nèi)容，點(diǎn)擊搜索框下方的按鈕即可進(jìn)入到圖庫包含的所有圖標(biāo)界面。
比如以“安卓”為關(guān)鍵字進(jìn)行搜索，顯示所有的圖標(biāo)集合，將鼠標(biāo)懸停在某個圖標(biāo)上可以加入到購物車進(jìn)行批量下載、加入到我的收藏、直接單個圖標(biāo)下載。
批量圖標(biāo)下載
用戶將所需的圖標(biāo)加入到購物車后，批量下載時所有圖標(biāo)的風(fēng)格一致，選擇圖標(biāo)的顏色和圖標(biāo)大?。∟*N像素），選擇圖標(biāo)格式（SVG、AI、PNG三種格式），選擇后以壓縮包形式下載并存儲到用戶文件夾中。當(dāng)然用戶也可以選擇任一單個的圖標(biāo)進(jìn)行下載，同樣的需要選擇圖標(biāo)顏色、大小和格式。
項(xiàng)目管理與代碼應(yīng)用
“項(xiàng)目”是幫助團(tuán)隊(duì)協(xié)同合作的共享模塊，創(chuàng)建項(xiàng)目后，視覺同學(xué)上傳icon，交互/產(chǎn)品同學(xué)可以自由下載圖標(biāo)，前端同學(xué)可以將圖標(biāo)以字體格式添加至代碼，支持三種格式代碼使用。
用戶在iconfont.cn可以下載多種格式的icon，平臺也可將圖標(biāo)轉(zhuǎn)換為字體，便于前端工程師自由調(diào)整與調(diào)用。Android和iOS開發(fā)時可以直接使用單個icon(SVG或PNG格式)，也可以直接引入字體應(yīng)用。在這里由于主要介紹平臺資源，不做進(jìn)一步的代碼應(yīng)用方面的介紹，有需要的人員可以參照幫助中心的代碼應(yīng)用板塊。
PPT效果展示
阿里巴巴矢量圖標(biāo)庫相比于如iconfinder、freepik、Sketch App Sources等圖標(biāo)素材庫最大的優(yōu)點(diǎn)就是素材更加豐富、下載過程更簡單。教師或教學(xué)人員可以從iconfont平臺獲取到海量的圖標(biāo)素材，并應(yīng)用到實(shí)際教學(xué)場景中。以PPT為例，使用iconfont能讓你的PPT演示文檔更加吸人眼球和具有藝術(shù)感。
應(yīng)用小結(jié)
用戶在iconfont可以單個下載和批量下載icon，下載的icon格式包括常用的 SVG，AI，PNG，同時還可以對下載的素材顏色進(jìn)行自定義。批量下載時，將喜歡的icon加入購物車，再點(diǎn)擊網(wǎng)站右上角的購物車，就可以批量下載了，同時還可以批量下載對應(yīng)的icon代碼，供Web前端，iOS，Android平臺的工程師使用。
感謝您的參與
來和我們一起持續(xù)探討適用于教學(xué)的數(shù)字學(xué)習(xí)工具吧，如果您有推薦的數(shù)字學(xué)習(xí)工具，歡迎推薦給我們哦，期待您的參與！
聯(lián)系客服
