Any Blueprint users out there have probably heard of SilkSprite, a plugin for Blueprint that provides easy access to the entire Silk Icon Set from famfamfam. It’s basically a CSS file and a single image that you can use in any website, whether or not you use Blueprint.

I came across the Fugue icon set a few months ago, and I’m using is often enough that I decided to make something similar to the SilkSprite. I created the Fugue Sprite: a CSS file & set of images that provides easy access to all 2,330 Fugue icons.

To use it, just unzip the file and upload that folder to your server. Then link to the stylesheet. Voilà! Now you can use the Fugue class names on any element in your website to give it a left-aligned background of that Fugue icon, with 20 pixels of padding on the left.

Make sure the images stay in the same folder as the stylesheet.

The Fugue icon set is released under the Creative Commons Attribution 3.0 license, so if you use it, be sure to provide a link back to Pinvoke giving them credit for the icons. Enjoy!

Fugue Sprite CSS (684 KB)

View the complete set of icons & classes.

No related posts.