RSS icons

I made these icons with just three images. The trick is to make transparant PNG files, and let a CSS background do the colouring. Here are some examples, with a blue, a black, a red, a yellow, a grey and a icon with a random generated color. I've resized the used image to 16x16, 32x32 and 64x64 pixels. Go back to the article.

This is how it works:

How does this technique work?

16x16


32x32


64x64


SEO Friendly

Subscribe to my RSS Feed!

Final (with hover and link and seo friendly):

Subscribe to my RSS Feed!

On a black background

You can also use this technique on a black background, or every other color. You just need to edit the image first to make the rounded corners your specific color.

32x32


On a custom background

Unfortunately, it's not possible to use rounded corners here. But they still look good as a square, don't they?


Background from: http://www.cgtextures.com/

© by Onyx Design, 2008