Fork me on GitHub

Iconic CSS Sprite Sheet by Endel Dreyer

A CSS and PNG Sprite Sheet generator for Iconic iconset


How to use

Clone the repository from your command-line.

$ git clone
$ cd iconic-css-sprite-sheet
$ rake -D

Generate the CSS and PNG Sprite Sheet using rake [color]:[size].

$ rake black:12x12 output=my-icons

The output parameter is optional and should have no extension, to generate the output.png and output.css files.

Black (12x12) icons example

Red (8x8) icons example

Browser compatibility

Tested on the following browsers. It doesn't mean that it isn't supported by old versions not listed here.

If you've tested on a older browser please let me know leaving a message on Github.


This project is released under the MIT License.
Iconic is licensed under Creative Commons Attribution-ShareAlike 3.0 Unported.

Special Thanks

Special thanks to Microsoft Internet Explorer, without him this project would never exist. Webfonts are great.