Fontisto – Free Iconfont Pack and CSS Toolkit

With CSS3’s support for custom webfonts more designers are using icon fonts.

These are typefaces where the glyphs don’t use alphanumeric characters, but instead display icons. Since they’re technically text on the page they can be resized and restyled using CSS.

One of the newest and coolest icon font libraries is Fontisto. It’s totally free and it’s got one heck of a library to pick from.

You can download Fontisto right from the main page or via GitHub. All icons are free for any project including commercial use and the latest version is 2.0.1 so it’s ready for production sites.

The font is also fully accessible for all browsers and screen readers making it perfect for designers concerned with accessibility.

To get started using Fontisto icons all you need is a CSS file containing the main fonts.

Just one line of code to get everything installed. Pretty cool!

If you don’t wanna host the font files on your server then try using the CDN link instead. And from there you just add the Fontisto CSS classes into your frontend code and watch the icons pour in.

Check out their examples page for ideas and live demos.

These feature some of the most-used icons along with sample snippets for all of them.

But you can browse through the whole library of icons if you’re looking for a specific one.

That page includes categories you can use to sort the icons and even a cheatsheet for getting all the icon codes to use in CSS.

And did I mention that Fontisto has a free browser add-on? You can install this in Chrome, Firefox, or Opera to get icons directly from your browser.

Really I’m not sure why it took me this long to find Fontisto. It’s such an amazing resource for designers and developers with support for basically all users.

You can’t get much designer-friendly than that.