Stackicons are icon fonts for the web, designed to do more — with multiple button shapes and a unique “multi-color” option. The Stackicons-Social font and Sass-based construction kit are free and open source, created by Parker Bennett .

To kick off the site launch, I wrote an article about Stackicons for CSS-Tricks. Check it out!

Stackicons-Social is open source and 100% free for any use. Give it a try!

Stackicons stack — using overlapping colors to create “multi-color” icons with a contemporary flat look. (Think of two-color or screen printing.)

Want to change the default button shape and color style, adjust colors or more? Just change the variables in the Sass construction kit files. You can also override with built-in styles. See some examples .

Stackicons-Social includes over 60 up-to-date icons for modern social brands — from App.net to Zerply. Each icon was meticulously crafted to look great at multiple sizes, with five different button shapes, from square to circle, or icon-only.

*A smaller font, Stackicons-Social-Minimal, provides a subset of more commonly used icons.

Using Stackicons

Stackicons-Social comes with default CSS that you can link to or @import. There’s a usage guide to get you started, along with some examples.

If you’re comfortable using Sass, you can customize things extensively just by changing variables in the Sass construction kit files: brand colors, default size, shape and spacing, hover effects and more.

Questions? Suggestions? Need a custom icon font for your own project? Email me.