Brand Icons design using css

Brand Icons using CSS

i{-webkit-border-radius:.2em;-moz-border-radius:.2em;-ms-border-radius:.2em;-o-border-radius:.2em;border-radius:.2em;display:inline-block;float:left;position:relative;text-align:center;color:#FFF;font-size:3.9em;min-width:90px;line-height:2.3em;background:rgba(0,0,0,0.2);margin:0 .2em .2em 0;padding:10px;}
[class*=twitter]{color:#00acee;}
[class*=tumblr]{color:#34526f;}
[class*=facebook]{color:#3b5998;}
[class*=linkedin]{color:#0e76a8;}
[class*=google-plus]{color:#dd4b39;}
[class*=pinterest]{color:#c8232c;}
[class*=youtube]{color:#c4302b;}
[class*=stackexchange]{color:#ef8236;}
[class*=skype]{color:#00aff0;}
[class*=dropbox]{color:#3d9ae8;}
[class*=flickr]{color:#0063dc;}
[class*=bitbucket]{color:#205081;}
[class*=android]{color:#a4c639;}
[class*=apple]{color:#A7A9AB;}
[class*=html5]{color:#ec6231;}

DEMO