CSS3 Smooth Hover Icons

Unzip purchased item.
Copy the SmoothIcons folder to your destination folder
Embed the SmoothIcons/main.css into your file

Insert below markup to your file,

and the result will be like this
To customize the style, change 'gray' class to 'transparent'

and the result will be this:
To change the size, change 'btn_64' class to 'btn_48' for 48x48px size or change to 'btn_32' for 32x32px size.
And the result will be like this
If you want to change the shape, add 'rounded' or 'circle' class. The shapes are square by default so you don't need to specify any classes if you want to use that shape.

And the result will be like this
For changing the color of the button, use one of these classes: red, lred, green, blue, lblue, orange, yellow, pink. In the above examples i've used the blue, lblue and orange classes.

If you want to add more buttons just duplicate this line:

and customize the class of the 'a' tag by changing 'facebook' to one of the classes below.

List of classes:

ytube
microphone
phone
exit
wizard
mail
paint
coffee
shirt
cake
labs
display
upload
home
cart
dropbox
search
world
settings
comments
food
dribbble
instagram
android
blog

buy
deviant
digg
technocrati
download
evernote
reddit
facebook
gift
google
linkedin
lock
myspace
news
paypal
picassa
rss
shuttdown
skype
stat
stumbleupon
trash
twitter
vimeo
wordpress
yahoo

LICENSE - meanicons icons
Meanicons Free Pack is published under a Creative Commons Attribution license and Free for both personal and commercial use. You can copy, adapt, remix, distribute or transmit it. If you downloaded from meanicons.com with other items (html, css files), you can use this free icon fonts set without restrictions with the html/css code provided. If you want to use only the fonts, please contact us: help@meanicons.com