今天我们收集国外各种现有的icon font,以给大家提供点儿参考。

免费字体

下面的这些icon font都是免费或者开源的,你可以大胆的使用,但是作为设计师,大家要有点儿修养,在使用前先看看相关字体文件的版权授权方式~~

Font Awesome(150+个)

icon font大搜罗_css3

为配合Twitter Bootstrap使用而设计。其实它是Glyphish的一个免费的重新设计的版本。

Modern Pictograms(89个)

icon font大搜罗_自定义_02

可以在Font Squirrel免费下载,但是如果你愿意,也可以捐款

Erler Dingbats(~120个)

icon font大搜罗_社交媒体_03

Ecqlipse 2(281个)

icon font大搜罗_css3_04

Heydings Icons(60个)

icon font大搜罗_社交媒体_05

Iconic(171个)

icon font大搜罗_ico_06

Web Symbols(~80个)

icon font大搜罗_社交媒体_07

Entypo(100+个)

icon font大搜罗_社交媒体_08

JustVector Social Icons(150+个)

icon font大搜罗_css3_09

只有社交符号

PulsarJS(73个)

icon font大搜罗_社交媒体_10

面向移动网站开发的一个字体。

Raphaël(116个)

icon font大搜罗_自定义_11

Dot Com(92个)

icon font大搜罗_twitter_12

The Noun Project(424个)

icon font大搜罗_自定义_13

Gcons(100个)

icon font大搜罗_社交媒体_14

这个字体开源

Pixelated(36个)

icon font大搜罗_社交媒体_15

Roam Design(99个)

icon font大搜罗_ico_16

仅限个人使用

Jigsoar(66个)

icon font大搜罗_twitter_17

Social Media Pictograms (74个)

icon font大搜罗_社交媒体_18

pictograms 包括几乎所有的社交媒体图标。然后对于一些图标,通过字母的大小写来实现是否有圈。

Peculiar (45个)

icon font大搜罗_ico_19

好吧,Peculiar其实不是一个字体,而是用css3实现的icon,不过方法可鉴。

Symbol Signs(21个)

icon font大搜罗_自定义_20

Web Symbols(78个)

icon font大搜罗_twitter_21

InfoBits Icons & Dingbats(190个)

icon font大搜罗_twitter_22

ikoo(65个)

icon font大搜罗_自定义_23

Social Networking Icons Font(56个)

icon font大搜罗_ico_24

收费字体

下面的icon font都是收费的字体,它们相对于上面的免费字体有什么提升吗?有那些地方或细节值得我们学习?

Glyphish(400个)

icon font大搜罗_css3_25

Glyphicons(350个)

icon font大搜罗_ico_26

Gedy Rivera Social(107个)

icon font大搜罗_twitter_27

Fico(52个)

icon font大搜罗_ico_28

WriteSocial

icon font大搜罗_自定义_29

ClickBits(400个)

icon font大搜罗_自定义_30

Flexi Social(65个)

icon font大搜罗_自定义_31

Steedicons(94个)

icon font大搜罗_twitter_32

Web Icon Set(1600+个)

icon font大搜罗_twitter_33

Geomicons(100+个)

icon font大搜罗_twitter_34

Picons(100+个)

icon font大搜罗_css3_35

Symbolicons(500个)

icon font大搜罗_ico_36

Bixel(65个)

icon font大搜罗_自定义_37

Tabs(745个)

icon font大搜罗_自定义_38

Gentleface(304个)

icon font大搜罗_自定义_39

Eddit iPhone UI(160个)

icon font大搜罗_twitter_40

Simplicity(205个)

icon font大搜罗_twitter_41

Picas(250个)

icon font大搜罗_css3_42

CleanIcons(55个)

icon font大搜罗_twitter_43

Helveticons(600+个)

icon font大搜罗_twitter_44

UIcons(362个)

icon font大搜罗_自定义_45

IcoMoon(500+个)

icon font大搜罗_twitter_46

Pictos(600+个)

icon font大搜罗_twitter_47

iconSweets 2(1000+个)

icon font大搜罗_css3_48

Tipogram(90个)

icon font大搜罗_css3_49

GUI Design Icons(30个)

icon font大搜罗_ico_50

其它工具

  • Fontomas提供一些免费的字体,并且允许你挑选你需要的图标然后生成你自定义的字体文件,不过生成的文件是svg的,你需要将其转化为其它格式的;
  • Hieroglyph – 类似fontomas,从一系列的svg字体文件生成一个字体文件;

是不是你也想要试一把了啊,如果你在项目中有使用icon font,欢迎与我们分享经验。

整理自: