Good CSS icon - can you give me a hand?

Question

I want to implement icons, for example, on Stack Overflow. Maybe you can give me some nice CSS code?

Answer 1

Meet the new

Qaru BadgeMaker 3000

He makes Badges ™

Just enter a name, say what color you want your shiny new badge to be, and you're all set!

^{Browser Support: All modern browsers, up to IE7 including IE7. Round angles are not supported in IE8 and below.}

Answer 2

Perhaps you can use the nice Firebug and take a look at how SO does this.

Answer 3

Do you mean rounded corners? It uses CSS3 rounded corners:

border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; 

Answer 4

Or you can run a search for the “icon” in your CSS file:

 .badge,.badge-tag{color:#fff!important;background-color:#333;border:1px solid #333;margin:0 3px 3px 0;padding:0 6px 0 3px;display:inline-block;text-decoration:none;line-height:1.9;-moz-border-radius:6px;-webkit-border-radius:6px;} .badge:hover,.badge-tag:hover{border:1px solid #555;background-color:#555;text-decoration:none;} .badge-tag:hover{color:#fff!important;border:2px solid #555;} .badge-tag{color:#333!important;border:2px solid #333;background-color:#eee;}