19套免费图标字体

知更鸟
1482
文章
6919
评论
2014年1月22日14:38:17 8 2.6K 695字阅读2分19秒

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

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

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

Pictonic

19套免费图标字体

230 Icons

Entypo

19套免费图标字体

100+ Icons

Font Awesome

19套免费图标字体

70 Icons

Modern Pictograms

19套免费图标字体

22 Icons

Iconic

19套免费图标字体

171 Icons

Web Symbols

19套免费图标字体

78 Icons

Icons

19套免费图标字体

116 Icons

Social Media Icons Pack

19套免费图标字体

74 Icons

PulsarJS

19套免费图标字体

73 Icons

Icon Web Font

19套免费图标字体

60 Icons

Foundation Icons

19套免费图标字体

139 Icons

Brandico

19套免费图标字体

20 Icons

Typicons

19套免费图标字体

88 Icons

Sosa

19套免费图标字体

120+ Icons

Just Vector Font

19套免费图标字体

70+ Icons

Signify

19套免费图标字体

38 Icons

Fontstruct

19套免费图标字体

65 Icons

Dingbat Font

19套免费图标字体

800 Icons

Ligature Symbols

19套免费图标字体

210 Icons

via 1stwebdesigner

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

weinxin
关于本站
分享交流WordPress经验与技巧,关注前端设计与网站制作。仅用于功能演示。
苹果设备响应展示PSD源文件 设计资源

苹果设备响应展示PSD源文件

响应式网站大势所趋。本文所提供的苹果所有设备响应展示分层PSD源文件,可方便展示和推广您的响应式网站作品。 Apple Device Wireframe Mockups Apple Devices F...
扁平化的APP应用UI和网页设计素材 设计资源

扁平化的APP应用UI和网页设计素材

我们一直关注扁平化的设计趋势,我觉得使用平面式的界面设计(扁平化)在未来将会越来越普及,不仅仅是网页设计,在移动应用领域也很多了,或许你会问,它有什么好处呢?简单点讲,对用户来说,扁平化设计的界面简单...
logo的设计 设计资源

logo的设计

1.尖角法---把字的角变成直尖,弯尖,斜尖,卷尖;可以是竖的角可以是横的角 2.横细竖粗法--选定个字体后,把横减细就可以了 3.减细法---所有字体横和竖变细 4.连体法--左右或左中右,或右中连...
匿名

发表评论

匿名网友 填写信息

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

评论:8   其中:访客  7   博主  1
    • 超級efly 超級efly @回复 3

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

      • Louis Han Louis Han @回复 6

        都是简约范儿

        • 老虎 老虎 @回复 5

          UI设计。

          • maillot saxo bank maillot saxo bank @回复 1

            支持一下~

            • 水晶吊坠 水晶吊坠 @回复 2

              很好很强大

              • 学个去 学个去 @回复 0

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

                  • 知更鸟 知更鸟 Admin @回复

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

                  • 测试是 测试是 @回复 0

                    撒旦法是否