7 Gorgeous icon fonts to speed up your site and your design process

TNW first covered the growing popularity of icon fonts back in January, and since then the Web has practically exploded with impressive icon fonts for use in Web design. For those that are out of the loop, you can think of an icon font as a grown-up version of dingbats…with an actual use-case. The core idea is to take a set of icons or pictograms that would normally be implemented as an image or vector file and then convert it into a font. There are many reasons to do this too, according to Pictonic, as an icon font can load as much as 14% faster than images and can to be as much as 90% smaller than SVG files. Now that a ton of options have emerged as popular choices among Web designers, we’ve made this brief list of 7 typefaces to point you in the right direction. Font Awesome (free) Font Awesome is an icon font that was designed to work perfectly with Twitter Bootstrap. Fontello (free) Modern Pictograms (free) Typicons (free) Yet another set of well-made, clean icons for Webfont use.

Code School - Try Git The Most Comprehensive Index Of Free Icon Fonts/Iconic Web Fonts - Functionn Updated: 15 March 2014 | Legend: * recommended , * new Index: BBC GEL Icons, Brandico, Ding Dongs, Ding Maps, Dingbests, Dot Com, Elusive Icons, Erler Dingbats, Evilz, Font Awesome, Foundation Icon Fonts 2 , GeoBats, Glyphyx, Grands, Guifx v2 Transports, Handy Icons, Hazard, Heydings Icons, IcoMoon, Iconic, ikoo Typo, JustVector, Ligature Symbols, Listicons, Meteocons, Modern Pictograms, Mun, Notice, OpenWeb Icons, Peculiar, Pictogramz, Pictonic, PulsarJS, Raphaël Icon Set, Santiago Icono, Signify Lite , Siruca Pictograms, Socialico, Sosa, StateFace, Symbly Lite, Symbolix, Symbol Signs, The Entypo Pictogram Suite, Travelcons, Typicons, Web Symbols Typeface, Zocial BBC GEL Icons – Free Iconic Web Font The BBC Global Experience Language (GEL) is a set of icons from the BBC which was originally designed to complement their website by supplying a new set of icons to provide a visual guide to navigation. Brandico – Free Iconic Web Font Ding Dongs – Free Iconic Web Font

A Pocket Guide to Master Every Day’s Typographic Adventures Where the best designers go to find photos and graphics This is my collection of the best websites to find free photos, icons and patterns. If you’d like to suggest a resource, send me an email. Photo Blogs Quality over quantity. Photo blogs are all about quality (not quantity). Wondering how to search all these blogs in one place? You might also be interested in Splashbox, a way to sync new photos with your Dropbox. Photo blogs like Unsplash are all about quality. Photo Search Engines Quantity over quality. Photo search engines such as Pixabay are all about quantity over quality. Icon Collections My favorite spot for icons is Icon Monstr. Otherwise, there are a number of other great icon spots that I hear about: Font Awesome, The Noun Project, Find Icons and Icon Sweets. Patterns I love Subtle Patterns. If you’re looking for patterns that are a little less subtle, you’ll want to check out The Pattern Library, which has 50 patterns available. Unusual but Awesome Tools Here’s a few awesome tools that are a bit unusual. Placeit is awesome.