19套免费图标字体

设计资源82.9K阅读模式

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

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

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

Pictonic

19套免费图标字体-图片1

230 Icons

Entypo

19套免费图标字体-图片2

100+ Icons

Font Awesome

19套免费图标字体-图片3

70 Icons

Modern Pictograms

19套免费图标字体-图片4

22 Icons

Iconic

19套免费图标字体-图片5

171 Icons

Web Symbols

19套免费图标字体-图片6

78 Icons

Icons

19套免费图标字体-图片7

116 Icons

Social Media Icons Pack

19套免费图标字体-图片8

74 Icons

PulsarJS

19套免费图标字体-图片9

73 Icons

Icon Web Font

19套免费图标字体-图片10

60 Icons

Foundation Icons

19套免费图标字体-图片11

139 Icons

Brandico

19套免费图标字体-图片12

20 Icons

Typicons

19套免费图标字体-图片13

88 Icons

Sosa

19套免费图标字体-图片14

120+ Icons

Just Vector Font

19套免费图标字体-图片15

70+ Icons

Signify

19套免费图标字体-图片16

38 Icons

Fontstruct

19套免费图标字体-图片17

65 Icons

Dingbat Font

19套免费图标字体-图片18

800 Icons

Ligature Symbols

19套免费图标字体-图片19

210 Icons

via 1stwebdesigner

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

本站文章大部分始于原创,用于个人学习记录,可能对您有所帮助,仅供参考!

weinxin
我的微信
版权声明
本站原创文章转载请注明文章出处及链接,谢谢合作!
 
知更鸟
评论  8  访客  7  作者  1
    • 超級efly
      超級efly 3

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

      • Louis Han
        Louis Han 6

        都是简约范儿

        • 老虎
          老虎 6

          UI设计。

          • maillot saxo bank
            maillot saxo bank 1

            支持一下~

            • 水晶吊坠
              水晶吊坠 2

              很好很强大

              • 学个去
                学个去 0

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

                  • 知更鸟
                    知更鸟

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

                  • 测试是
                    测试是 0

                    撒旦法是否

                  匿名

                  发表评论

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

                  拖动滑块以完成验证