Free Icon Fonts and Tutorials

Fonts are the way to present your content and also your design. In this roundup we have collected some icon fonts to download and also some tutorials. Enjoy!!

Free Icon Fonts

Web Symbols font

font icons


UniCons font

icons font


Social Media Icons Pack

Socialico is a package of 74 social media icons, combined within a single wieght font and designed by Jelio Dimitrov a.k.a. Arsek.

socialico font icons


Heydings Free Icon Web Font

Heydings Icons is a fairly modest collection of 50 57 60 glyphs specifically intended for the accessorization and classification of textual cues such as hyperlinks, navigation elements and buttons.

font icon


Free Icon Font Pack

om icon font pack



Font Awesome

font awesome


93 media font symbols

stmedia font


Web Symbols typeface



Social Networking Symbols

social icons font

Download 1 | Download 2 | Download 3

Modern Pictograms



Icon Fonts Tutorials

Icon Fonts are Awesome

icon font

View Tutorial

Font-Embedding Icons the Right Way

Using fonts to display icons have shown potential but carry significant downsides. A slight adjustment to the method makes it ready for primetime.

font icons right

View Tutorial

Ever Thought About Using @Font-face for Icons?

With modern browsers being adopted at a greater rate, systems like CSS3 are becoming more and more viable for use on projects of all sizes. Clearly, this can be seen by looking at new services sprouting on-line like TypeKit. Conceptually, if we deconstruct a font down to it’s basic elements, we can make use of this technology for things other than type, icons.

font view

View Tutorilal | Demo

The Making of GUI Design Icons Font

Icons are inseparable part of a GUI (graphical user interfaces) design. I was downloading, buying and creating icons for ages, then one day I decided to make my own usable icon set. Something to help other GUI designers make work faster and better. This article explains in detail the process of creating and phases I was going through with this project, and may act as guidance when you decide to make something similar. I went down more than one creative path before finalizing this “GUI Design Icons” font.

gui design icons

View Tutorial


Skyje is a Blog for Web Designers and Web Developers featuring Social Networking news and everything that Web 2.0. You can Subscribe to Skyje feed.

You may also like...

Leave a Reply