Free Icon Fonts — 13 Beautiful Fonts You Can Use As Icons

We all have widely used icons mainly as images. This new concept of font icons is simply amazing. We came through this concept of font icons for the first time on CSS Tricks and later realized that we have been viewing these fonts all around as dingbats, pictograms, etc. It is fairly easy to play around with the size, color, hover effects, etc of the icons that are actually fonts. The biggest advantage is that the font icons are highly scalable thus you will no longer have to hunt for the icons with specific dimensions. You can readily implement these font icons by using Typekit, WebInk and the likes. If you are looking for its HTML implementation, you can visit CSS Tricks. Here we have 13 beautifully designed free icon fonts. Take a look!

  1. A Free Icon Web Font
  2. Entypo
  3. Font Awesome
  4. Foundation Icon Fonts 2!
  5. Glyph Icons
  6. IcoMoon
  7. Jigsoar Icons
  8. Mordern Pictograms
  9. Mordern Pictograms 2
  10. Raphaël Icon Set via @font face
  11. Sosa Icon Font
  12. The Noun Project
  13. Typicons

Have you used icon fonts yet? Share your favorite icon font set with us.

Posted In:

UX & Frontend Design, Design Inspiration

1 Comment

  1. Hi, awesome tutorial, thank you!
    Can you help me?
    I used this line of the code “-o-transform: scale(1);” to scale my icons in Opera properly, however it didn’t help me. Maybe it is because of specifically these icons, that I am using – https://mobiriseicons.com/
    Is it possible that something is wrong with them? What do you think? And thanks for your tutorial!

    Reply

Comment on Free Icon Fonts — 13 Beautiful Fonts You Can Use As Icons

Your email address will not be published. Required fields are marked *