無(wú)論你是從事前端開(kāi)發(fā)，還是從事UI設(shè)計(jì)工作，在工作中難免會(huì)遇到需要用圖標(biāo)來(lái)完善設(shè)計(jì)或前端開(kāi)發(fā)，畢竟有時(shí)一個(gè)小小的圖標(biāo)，卻能夠給界面設(shè)計(jì)帶去非常驚艷的效果。目前，互聯(lián)網(wǎng)中有很多的圖標(biāo)網(wǎng)站，這些圖標(biāo)網(wǎng)站的誕生，節(jié)省了站長(zhǎng)設(shè)計(jì)圖標(biāo)的時(shí)間，今天，天津網(wǎng)站建設(shè)-文率科技強(qiáng)烈為大家推薦如下的三大圖標(biāo)網(wǎng)站，相信一定能夠給您的工作中帶去驚喜。
一、Iconshock
Iconshock是國(guó)外免費(fèi)圖標(biāo)搜索網(wǎng)站，目前已經(jīng)收錄了200 萬(wàn)個(gè)圖標(biāo)！圖標(biāo)素材超過(guò)400+以上，涵蓋30種不同風(fēng)格類型，從矢量圖到平面設(shè)計(jì)圖示甚至是現(xiàn)代化插圖應(yīng)有盡有。使用者可以從Iconshock 免費(fèi)下載72px以下（包括 24px、32px、48px 和 64px）圖標(biāo)，并且完全不需要注冊(cè)賬號(hào)即可下載。
除此之外，Iconshock還允許使用者直接在線上變化不同的配色風(fēng)格。通常情況下，尋找圖標(biāo)時(shí)往往會(huì)受限于它的設(shè)計(jì)風(fēng)格和顏色，但I(xiàn)conshock可以讓使用者自定義顏色、大小或加入配件，使得圖標(biāo)看起來(lái)效果一致，也更能與你的網(wǎng)頁(yè)相襯。
推薦理由：
Iconshock圖標(biāo)網(wǎng)站中收錄得分圖標(biāo)數(shù)量，種類很多的，基本上能夠滿足站長(zhǎng)對(duì)于各種不同圖標(biāo)樣式的需求。
能夠?qū)崿F(xiàn)線上快速變更圖標(biāo)的顏色和風(fēng)格，不僅如此，使用者還可以加入配件或調(diào)整圖標(biāo)的大小。
Iconshock網(wǎng)站中的圖標(biāo)72px以下的PNG格式圖示幾乎都是免費(fèi)下載。
網(wǎng)址：https://www.iconshock.com/
二、Devicon
Devicon主要是以收錄程式語(yǔ)言、設(shè)計(jì)和開(kāi)發(fā)工具為主，常見(jiàn)的技術(shù)相關(guān)標(biāo)志圖標(biāo)都可在這個(gè)網(wǎng)站中找到。Devicon 提供兩種使用方式：字體圖標(biāo)或 SVG 向量圖格式，只要從網(wǎng)站上找到你要的圖案，直接將產(chǎn)生的代碼復(fù)制、貼上，就能快速取用圖案。
關(guān)于Devicon網(wǎng)站值得一提的是無(wú)論是使用哪種格式，都可通過(guò) CSS 調(diào)整大小或顯示方式，讓它能使用于任何網(wǎng)頁(yè)。不僅如此，它的字體圖標(biāo)也已經(jīng)支持CDN，開(kāi)發(fā)者無(wú)須自行托管檔案，節(jié)省流量開(kāi)銷。如果你剛好需要取用這些圖標(biāo)，Devicon真的是一個(gè)非常不錯(cuò)的選擇哦！
推薦理由：
能夠提供各種不同的技術(shù)，滿足開(kāi)發(fā)人員可能用到的所有標(biāo)志和logo。
支持兩種格式，Icon Font、SVG只需要復(fù)制代碼即可快速使用。
免費(fèi)、開(kāi)放原始碼，已經(jīng)內(nèi)建 CDN 功能
網(wǎng)址：https://konpa.github.io/devicon/
三、阿里巴巴矢量圖標(biāo)
阿里巴巴矢量圖標(biāo)是國(guó)內(nèi)功能很強(qiáng)大且圖標(biāo)內(nèi)容很豐富的矢量圖標(biāo)庫(kù)，提供矢量圖標(biāo)下載、在線存儲(chǔ)、格式轉(zhuǎn)換等功能。阿里巴巴體驗(yàn)團(tuán)隊(duì)傾力打造，設(shè)計(jì)和前端開(kāi)發(fā)的便捷工具。
其實(shí)，就算天津網(wǎng)站建設(shè)-文率科技的小編不說(shuō)，相信從事過(guò)設(shè)計(jì)和前端開(kāi)發(fā)的站長(zhǎng)應(yīng)該都知道阿里巴巴矢量圖標(biāo)庫(kù)，它不但好用，而且免費(fèi)，可以在線使用也可以下載到本地使用，不僅可以改變顏色大小，而且在布局方面也非常方便。
推薦理由：
可以用CSS來(lái)靈活控制圖標(biāo)的大小、顏色、陰影等。因?yàn)閭鹘y(tǒng)的 CSS Sprites 我們只能重新設(shè)計(jì)后再「切圖」，雖然現(xiàn)在有很多自動(dòng)拼合工具，但是依然繁瑣。
圖標(biāo)規(guī)范化通過(guò)iconfont平臺(tái)，可以高效快速的生產(chǎn)出規(guī)范的圖標(biāo)?，F(xiàn)在可以直接通過(guò)平臺(tái)上傳SVG或ESP文件，就可以轉(zhuǎn)換成字體圖標(biāo)了。
流量最小化在移動(dòng)設(shè)備，節(jié)約流量是很多前端把控用戶體驗(yàn)關(guān)鍵而又容易忽視的一個(gè)環(huán)節(jié)。
自動(dòng)上傳到阿里云CDN通過(guò)平臺(tái)生成的字體，自動(dòng)存儲(chǔ)到阿里云CDN，免費(fèi)加速。
網(wǎng)址：http://www.iconfont.cn/
以上的著三個(gè)圖標(biāo)網(wǎng)站，是天津網(wǎng)站建設(shè)-文率科技http://www.milestonesys.cn/的小編特意為大家推薦的，也是我們經(jīng)常是使用的，正是因?yàn)槲覀冇X(jué)得好用，所以才會(huì)想要推薦給大家，畢竟好東西是需要大家一起分享的，如果您對(duì)于上述的內(nèi)容意猶未盡，像了解更多的圖標(biāo)網(wǎng)站，不妨瀏覽我們之前的文章《令設(shè)計(jì)師愛(ài)不釋手的五大圖標(biāo)設(shè)計(jì)網(wǎng)站》。
