Good Icon fonts provide a fast and easy way to improve any websites design and usability. Here are our top 9 picks of free icon fonts you can use in your projects.
Just like CSS was liberating web designers from using tables to layout a website, Icon Fonts allow us to include accessible icons without the limitations of a standard jpg or png.
Say hello to the elephant in the room, Font Awesome is probably the best-known icon font in the web today. It includes 675 free icons (version 4.7.0) that feature all kinds of different industries. Most recently the creators from Font Awesome launched a very successful Kickstarter campaign, allowing them to create Font Awesome 5, which should be released soon.
Due to its unique style, the icon font Captain Icon, from designer Mario del Valle Guijarro, is probably my favorite on this list. The design reminds me a little bit of the game “SkullMonkeys” (good old days). The download includes 350 icons, which come in all sorts of formats (eps, font, png, psd). If you want to say thanks to Mario, consider a small donation on his site!
Foundation Icon Fonts 3
Foundation is one of the most popular front-end frameworks in the web today. Their icon font comes with 280+ icons that span all kinds of popular topics and is easy to include and customize.
From the creators of the ionic framework comes and icon font called Ionicicons. The icons have a very clean looking style and we actually use them ourselves on ShapingRain.com. The download includes the icon font as well as all icons in png format. A practical Cheatsheet is also included, displaying the icons with their class names in HTML and CSS, which saves you a great deal of time searching for the right icon.
Devicons, is an icon font, which is mainly aimed at developers who are searching for tech company logos. From Slack to Envato, this icon font by Theodore Vorillas has them all.
With Zondicons, UI designer and illustrator Steve Schoger, created a very clean, consistent and modern looking icon font that is free to use in your projects. The download includes over 290+ icons and new icons are added on a regular basis. Make sure to give him a shoutout on twitter if you want to support his awesome work!
Iconic, is a truly modern looking icon font with over 200 icons that you can use in all kinds of projects. Every icon is easy to customize and can actually be scaled down to 8 pixels. The download includes png files and the font in various formats itself. Also worth mentioning is the fact, that with only 12.4Kb, Iconic is very small in file size.
Typicons is a bold icon set which includes over 330+ icons. The rather simplistic but unique style makes this icon font ideal for all sorts of projects. Typicons comes with the icon font itself and all icons in png format. Their website provides easy installation instructions, to get you started right away.
Iconmoon offers huge collections of icons and even makes it possible to create your own icon font. For those, who do not have the time or are simply overwhelmed by the sheer number of icons available, their free icon pack includes 490 different icons for you to use in your projects!
Wrapping Things Up
This concludes our list of free icon fonts we use in our WordPress Themes. Do you think there is a font missing? Make sure to drop us a comment below and let us know.