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