19套免费图标字体

知更鸟 2014年1月22日14:38:17设计资源82.9K阅读模式

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

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

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

Pictonic

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

230 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Entypo

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

100+ Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Font Awesome

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

70 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Modern Pictograms

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

22 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Iconic

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

171 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Web Symbols

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

78 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Icons

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

116 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Social Media Icons Pack

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

74 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

PulsarJS

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

73 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Icon Web Font

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

60 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Foundation Icons

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

139 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Brandico

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

20 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Typicons

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

88 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Sosa

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

120+ Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Just Vector Font

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

70+ Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Signify

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

38 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Fontstruct

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

65 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Dingbat Font

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

800 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

Ligature Symbols

19套免费图标字体文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

210 Icons文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

via 1stwebdesigner文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

来源:19套最新的免费图标字体集文章源自知更鸟-https://zmingcx.com/19-sets-of-free-icon-fonts.html

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

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

      • Louis Han
        Louis Han 6

        都是简约范儿

        • 老虎
          老虎 5

          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:

                  确定