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

Download

UniCons font

icons font

Download

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

Download

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

Download

Free Icon Font Pack

om icon font pack

Download

 

Font Awesome

font awesome

Download

93 media font symbols

stmedia font

Download

Web Symbols typeface

symbols

Download

Social Networking Symbols

social icons font

Download 1 | Download 2 | Download 3

Modern Pictograms

pictogram

Download

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

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