14 Free Icon Fonts for Web Designers

Note: Before using any of the icon fonts below, you should read their license and terms of use.

Website design is important to any company that wants to attract customers. Having appropriate and consistent icon fonts is part of what makes the design so effective and successful.  Your font can easily be the deciding factor between a customer who chooses to stay on your site and one who decides to move on.

1. Ionicons (441 icons)

Ionicons

Ionicons Download Page

2. Shock Icon Font (1121 icons)

Full disclosure: I’m the founder of the Shock family of websites and this free icon font was created by my company.

Shock icon font

Shock Icon Font Download Page

3. Dripicons (95 icons)

Dripicons

Dripicons Download Page

4. Entypo (250 icons)

Entypo

Entypo Download Page

5. Sosa (160 icons)

Sosa

Sosa Download Page

6. Foundation Icons (96 icons)

Foundation Icons

Foundation Icons Download Page

7. Typicons (308 icons)

Typicons

Typicons Download Page

8. The Elegant Icon Font (310 icons)

The Elegant Icon Font

The Elegant Icon Font Download Page

9. Map Icons (175 icons)

Map Icons

Map Icons Download Page

10. Ligature Symbols (250 icons)

Ligature Symbols

Ligature Symbols Download Page

11. Heydings Icons (60 icons)

Heydings Icons

Heydings Icons Download Page

12. Fontawesome (369 icons)

Fontawesome

Fontawesome Download Page

13. Signify (38 icons)

Signify

Signify Download Page

14. PulsarJS (73 icons)

PulsarJS

PulsarJS Download Page

How to Use Icon Fonts

Learn how to use icon fonts by reading these tutorials:

Real Advice

WebpageFX is a full-service digital marketing agency that offers everything from SEO link building to social media marketing. Knowing how to successfully use icon fonts will set you apart from your competitors. Web design cost shouldn’t stand between you and your business attracting new clients. WebpageFX offers great advice on industry specific website designs, such as web design for hotels.

If you want to amp up your site or learn more you can contact us at 888-601-5359 to speak with a strategist.

  • Nice as always. It’s great to have fresh new icons. Thanks for sharing.

  • awesome! thanks!

  • James Limo

    Great roundup,

    On my latest project I have a lot of icons , in combination with different sizes and a mobile retina support it was impossible without a icon font.

    But now my problem :after pseudo element doesn’t work in IE7 ..!!
    So all of my icons don’t show, support is still necessaire i am afraid.
    I used http://iconion.com/ for png fallback..

  • J

    Awesome Stuff! Thank you very much!

  • Tobias Crops

    Hey, http://www.webpagefx.com, thank you for sharing these awesome icons!
    I will add them to my collection. Check these ones, they are looking good, too – https://mobiriseicons.com/