19套免费图标字体

2014年1月22日14:38:17 8 2,271

将图标字体使用在网站上,这会是一个全新的发展趋势。一旦font-face开始支持现代浏览器,那么在网页中插入图标字体有可能成为最简单的方法之一了。那为什么图标字体可以成为未来的新趋势?它的优点又是些什么呢?下面,我们总结了这么几个原因:

  • 它就像字体一样 ,我们可以改变图标的尺寸并让视觉效果更好。
  • 我们也可以改变它们的颜色,增加阴影效果。
  • 使用CSS3,我们还可以将它旋转,改变方向,还有过渡效果和不同层次的透明度。
  • 透明效果只有在IE6的环境下工作。

下面我们收集了19套图标字体,总类超过了2000多种免费的图标给大家,你们可以使用它们在任何地方,如果你不确定怎么使用这些图标,可以参考我们之前的一篇文章:如何在HTML中使用图标字体-icon font?

Pictonic

230 Icons

Entypo

100+ Icons

Font Awesome

70 Icons

Modern Pictograms

22 Icons

Iconic

171 Icons

Web Symbols

78 Icons

Icons

116 Icons

Social Media Icons Pack

74 Icons

PulsarJS

73 Icons

Icon Web Font

60 Icons

Foundation Icons

139 Icons

Brandico

20 Icons

Typicons

88 Icons

Sosa

120+ Icons

Just Vector Font

70+ Icons

Signify

38 Icons

Fontstruct

65 Icons

Dingbat Font

800 Icons

Ligature Symbols

210 Icons

via 1stwebdesigner

来源:19套最新的免费图标字体集

weinxin
我的微信
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
Begin主题购买
Begin主题购买

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:8   其中:访客  7   博主  1

    • 超級efly 3

      支持一下~~看起來挺不錯的~~

      • Louis Han 6

        都是简约范儿

        • 老虎 5

          UI设计。

          • maillot saxo bank 1

            支持一下~

            • 水晶吊坠 2

              很好很强大

              • 学个去 0

                鸟哥 我用的你的那套图标字体 但是缺了几个我需要的 请问怎么加啊 我只有png的图标 谢谢。

                  • 知更鸟 Admin

                    @学个去 我哪套图标?自行到此制作:https://icomoon.io/app/#/select

                  • 测试是 0

                    撒旦法是否