網(wǎng)頁icon font大搜羅
今天圖趣網(wǎng)收集國外各種現(xiàn)有的icon font,以給大家提供點(diǎn)兒參考。無論是網(wǎng)頁設(shè)計(jì)還是移動(dòng)端開發(fā),相信都是很有幫助的。
免費(fèi)字體
下面的這些icon font都是免費(fèi)或者開源的,你可以大膽的使用,但是作為設(shè)計(jì)師,大家要有點(diǎn)兒修養(yǎng),在使用前先看看相關(guān)字體文件的版權(quán)授權(quán)方式~~
Font Awesome(150+個(gè))
為配合Twitter Bootstrap使用而設(shè)計(jì)。其實(shí)它是Glyphish的一個(gè)免費(fèi)的重新設(shè)計(jì)的版本。
Modern Pictograms(89個(gè))
可以在Font Squirrel免費(fèi)下載,但是如果你愿意,也可以捐款。
Erler Dingbats(~120個(gè))
Ecqlipse 2(281個(gè))
Heydings Icons(60個(gè))
Iconic(171個(gè))
Web Symbols(~80個(gè))
Entypo(100+個(gè))
JustVector Social Icons(150+個(gè))
只有社交符號(hào)
PulsarJS(73個(gè))
面向移動(dòng)網(wǎng)站開發(fā)的一個(gè)字體。
Raphaël(116個(gè))
Dot Com(92個(gè))
The Noun Project(424個(gè))
Gcons(100個(gè))
這個(gè)字體開源
Pixelated(36個(gè))
Roam Design(99個(gè))
僅限個(gè)人使用
Jigsoar(66個(gè))
Social Media Pictograms (74個(gè))
pictograms 包括幾乎所有的社交媒體圖標(biāo)。然后對(duì)于一些圖標(biāo),通過字母的大小寫來實(shí)現(xiàn)是否有圈。
Peculiar (45個(gè))
好吧,Peculiar其實(shí)不是一個(gè)字體,而是用css3實(shí)現(xiàn)的icon,不過方法可鑒。
Symbol Signs(21個(gè))
Web Symbols(78個(gè))
InfoBits Icons & Dingbats(190個(gè))
ikoo(65個(gè))
Social Networking Icons Font(56個(gè))
收費(fèi)字體
下面的icon font都是收費(fèi)的字體,它們相對(duì)于上面的免費(fèi)字體有什么提升嗎?有那些地方或細(xì)節(jié)值得我們學(xué)習(xí)?
Glyphish(400個(gè))
Glyphicons(350個(gè))
Gedy Rivera Social(107個(gè))
Fico(52個(gè))
WriteSocial
ClickBits(400個(gè))
Flexi Social(65個(gè))
Steedicons(94個(gè))
Web Icon Set(1600+個(gè))
Geomicons(100+個(gè))
Picons(100+個(gè))
Symbolicons(500個(gè))
Bixel(65個(gè))
Tabs(745個(gè))
Gentleface(304個(gè))
Eddit iPhone UI(160個(gè))
Simplicity(205個(gè))
Picas(250個(gè))
CleanIcons(55個(gè))
Helveticons(600+個(gè))
UIcons(362個(gè))
IcoMoon(500+個(gè))
Pictos(600+個(gè))
iconSweets 2(1000+個(gè))
Tipogram(90個(gè))
GUI Design Icons(30個(gè))
其它工具
- Fontomas提供一些免費(fèi)的字體,并且允許你挑選你需要的圖標(biāo)然后生成你自定義的字體文件,不過生成的文件是svg的,你需要將其轉(zhuǎn)化為其它格式的;
- Hieroglyph – 類似fontomas,從一系列的svg字體文件生成一個(gè)字體文件;
是不是你也想要試一把了啊,如果你在項(xiàng)目中有使用icon font,歡迎與我們分享經(jīng)驗(yàn)。
本文地址:http://m.pkvc.cn/tutorial/de1844.html
- 專訪:石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類
- 體驗(yàn)設(shè)計(jì)中的排序問題
- 網(wǎng)頁設(shè)計(jì)精粹 網(wǎng)頁中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁UI - 原子設(shè)計(jì)理論(上)
- 如何通過設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺設(shè)計(jì)系列文章(二):全屏