無論你是從事前端開發(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)?,F(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://tjyl238.com/的小編特意為大家推薦的,也是我們經(jīng)常是使用的,正是因為我們覺得好用,所以才會想要推薦給大家,畢竟好東西是需要大家一起分享的,如果您對于上述的內(nèi)容意猶未盡,像了解更多的圖標(biāo)網(wǎng)站,不妨瀏覽我們之前的文章《令設(shè)計師愛不釋手的五大圖標(biāo)設(shè)計網(wǎng)站》。