Interesting article about embedding icons in a font and using them instead of images.
http://somerandomdude.com/articles/design-technology/font-embedding-icons/
It mentions the fact that you cannot use multi-colored icons, but I have an idea about that.
Imagine that you have a 4 color icon. You break that into “layers” where you have 4 icons with pixels where each color should correspond.
In the markup you create 4 divs that overlap. Each div contains one of the “layer” icons. In CSS you color the font for each layer to match the color of the intended layer in the icon. If you make sure the pixels overlap, then bam you get a 4 color icon!
