第css常用字體圖標(biāo)庫(kù)有哪些？以前網(wǎng)頁(yè)上顯示圖標(biāo)都是用切成小圖片，然后根據(jù)不同場(chǎng)景作多個(gè)小圖，通過(guò)JS來(lái)控制顯示效果。字圖圖標(biāo)，顧名思義，就像使用通常的字體，可以設(shè)置字體顏色，大小等，不用在搞多張小圖片，非常靈活。

CSS常用字體圖標(biāo)庫(kù)有哪些？

阿里巴巴矢量圖標(biāo)

官網(wǎng):/

說(shuō)明:阿里巴巴UX部門推出的矢量圖標(biāo)管理網(wǎng)站涵蓋了1000多個(gè)常用圖標(biāo)并還在持續(xù)更新中，Iconfont平臺(tái)為用戶提供在線圖標(biāo)搜索、圖標(biāo)分撿下載、在線儲(chǔ)存、矢量格式轉(zhuǎn)換、個(gè)人圖標(biāo)庫(kù)管理及項(xiàng)目圖標(biāo)管理等基礎(chǔ)功能。同時(shí)平臺(tái)作為矢量圖標(biāo)倡導(dǎo)者，積極在線分享矢量圖標(biāo)制作經(jīng)驗(yàn)、前端應(yīng)用說(shuō)明，及應(yīng)用中常見(jiàn)的一些問(wèn)題。

推薦理由:涵蓋了有1000多個(gè)常用圖標(biāo)，持續(xù)更新。咱國(guó)人，支持是必須的。

FontAwesome

官網(wǎng):http://fontawesome.io

Github:/FortAwesome/Font-Awesome/

說(shuō)明:FontAwesome為您提供可縮放的矢量圖標(biāo)，您可以使用CSS所提供的所有特性對(duì)它們進(jìn)行更改，包括：大小、顏色、陰影或者其它任何支持的效果。

推薦理由:更新快，圖標(biāo)多，覆蓋了很多分類，今天為止大約有634多個(gè)（2016/08/07）。

GlyphIcons

官網(wǎng):/

Bootstrap:/components/

說(shuō)明:GlyphiconsHalflings需要商業(yè)許可，但是可以通過(guò)基于項(xiàng)目的Bootstrap來(lái)免費(fèi)使用這些圖標(biāo)，Bootstrap捆綁了200多個(gè)字體圖標(biāo)。

SimpleLineIcons

官網(wǎng):https://thesabbir.github.io/simple-line-icons/

Github:/thesabbir/simple-line-icons

說(shuō)明:一套線條非常優(yōu)美的圖標(biāo)，今天為止大約有186多個(gè)（2016/08/07）。

Ionicons

官網(wǎng):/

Github:/driftyco/ionicons

說(shuō)明:一套線條非常優(yōu)美的圖標(biāo)，今天為止大約有750多個(gè)字體圖標(biāo)（2016/08/07）。

推薦理由:圖標(biāo)多，有標(biāo)準(zhǔn)，iOS，Android，社交圖標(biāo)，圖標(biāo)非常精美。

Themify

官網(wǎng):http://themify.me/themify-icons

說(shuō)明:Themify圖標(biāo)是用于網(wǎng)頁(yè)設(shè)計(jì)和應(yīng)用一套完整的圖標(biāo)，包括320以上像素完美，手工制作的圖標(biāo)，畫的靈感來(lái)自蘋果iOS7公開，100%免費(fèi)！

MaterialDesignIconicFont

官網(wǎng):http://zavoloklom.github.io/material-design-iconic-font/index.html

Github:/zavoloklom/material-design-iconic-font

說(shuō)明:有提醒，視頻，聯(lián)系，內(nèi)容，編輯器，硬件，地圖等多種分類圖標(biāo)，今天為止大約有700多個(gè)字體圖標(biāo)（2016/08/07）。

WeatherIcons

官網(wǎng):http://erikflower