Download CSS3 Social Buttons With Font Icons

[ Description Social buttons build with font icons. There are 21 styles for each shape type: rectangle, rounded rectangle and circle. Hover effects use CSS3 transitions and animations. Node.js, Grunt and LESS The social buttons are build with LESS which makes customization very easy. I’ve also added a grunt task which besides compiling less into CSS also create minified ]

Description

Social buttons build with font icons. There are 21 styles for each shape type: rectangle, rounded rectangle and circle.

Hover effects use CSS3 transitions and animations.

Node.js, Grunt and LESS

The social buttons are build with LESS which makes customization very easy. I’ve also added a grunt task which besides compiling less into CSS also create minified versions of the css files.

Sizes, colors and rounded corners

I’ve setup variables for each brand color, icon font size, icon size and border-radius for the rounded rectangles. So if you’d like to create bigger icons, for example, all you have to do is change the values of a couple variables.

Brands

• Youtube
• Twitter
• Facebook
• Github
• Linkedin
• RSS
• Google Plus
• App.net
• Dribbble
• Flickr
• HTML5
• Linux
• Pinterest
• Stack Overflow
• Weibo
• Android
• Bitcoin
• Dropbox
• Foursquare
• Gittip
• Instagram
• Maxcdn
• RenRen
• Trello
• Windows
• Apple
• Pagelines
• Skype
• Tumblr
• Vimeo
• Xing
• CSS3
• Stack Exchange
• VK
• Bitbucket
• Flattr
• Paypal
• Yelp
• Last.fm
• Stumbleupon
• Wordpress
• Joomla
• Soundcloud
• Chrome
• Firefox
• Internet Explorer
• Opera
• Safari
• Icomoon
• Lanyrd
• Deviantart
• Forrst
• Yahoo
• Steam
• Reddit
• Picasa
• Delicious
• Behance
• Mixi
• Smashing Magazine
• Evernote

Resources Used

• Font Awesome
• IcoMoon

Support

If you have any questions regarding this item, feel free to contact me.