If you work as a professional designer, you will know that you can never get to many icons in your collection. The more sets the bigger diversity you get in your designs, and by that you leave a greater impression on your clients. An alternative but very useful source for working with icons is icon font sets. When icons are delivered as a font, they scale as vectors and their size and color can be controlled in e.g. web sites using the CSS font size and color properties. This makes icon fonts quite powerful and great for making interactive web designs.
Though many web designers prefer using free icon resources and icon sets you can easily find some cool icon fonts that does not cost that much however they give you a larger variation in your design and differs from the designs everyone else are using.
I want to show you some of the coolest sets of icon fonts available in this article and I am sure they will help you find new ways to use icons. If you know of any icon font sets that also should be represented in this list, please share it in a comment. Feel free to share this post with your colleagues on Twitter.
[exec]$filestr = file_get_contents(‘http://www.tripwiremagazine.com/googleadsensebelowmoretag.inc’);echo $filestr;[/exec]
Raphaël Icon-Set – MORE INFO
Font Awesome – MORE INFO
![font-awesome[3]](http://www.tripwiremagazine.com/wp-content/uploads/2013/03/font-awesome3.jpg "font-awesome[3]")
Iconic – MORE INFO
Foundation Icon Fonts 2 – MORE INFO
Batch – MORE INFO
MODERN PICTOGRAMS – MORE INFO
Modern Pictograms – MORE INFO
MFG Labs Icon Set – MORE INFO
IcoMoon – MORE INFO
Elusive Icons – MORE INFO
Typicons – MORE INFO
A FREE ICON WEB FONT – MORE INFO
Pixelated Icon Set – MORE INFO
Pictonic – MORE INFO
Pictos – MORE INFO
StateFace – MORE INFO
Iconic – MORE INFO
PulsarJS – MORE INFO
Erler Dingbats – MORE INFO
Symbol Signs collection – MORE INFO
80 Mini Icons – MORE INFO
Pixel-perfect icons for web cartography – MORE INFO
Fico – MORE INFO
Uicons – MORE INFO
Ikoo Typo – MORE INFO
Sosa – MORE INFO
Meteocons – MORE INFO
Dot Com – MORE INFO
Socialico – MORE INFO
Ecqlipse 2 – MORE INFO
WEB SYMBOLS – MORE INFO
OpenWeb Icons – MORE INFO
Bitcons – MORE INFO
Flexi Social Icons Regular – MORE INFO
Icons – MORE INFO
JustVector Social Icons Font – MORE INFO
The Entypo Pictogram Suite – MORE INFO
PW Drawn Icons – MORE INFO
One-Div – MORE INFO
KDNMEDIA – MORE INFO
RONDO – MORE INFO
Ligature Symbols – MORE INFO
Multi-Format Social Media Glyph Set – MORE INFO
Lars is passionate about web design, web development, SEO, social media and loves to look into new technologies, techniques, tools etc. and to write articles for tripwire magazine readers.
Hi, Lars, thank you for sharing, I have a question.
How these icons effects on the speed of page loading? – For example, I am using these simple icons(http://www.typicons.com/ and https://mobirise.com/extensions/icons.html) and my site loading fast and properly, but icons in your article look pretty heavy if you ask me.
thnx a lot for great useful stuff.