Zocial Buttons

Github

Idea

Create beautiful social buttons using CSS, rendering popular social icons as a font, and with minimal extra markup.

Benefits

Usage

  1. Required: Add a class of zocial and a class for the brand of button, e.g. facebook
  2. Optional: Add a class of icon to display as icon instead of button
  3. Optional: Change font size of the element to resize button

Example:

<a class="zocial facebook">Sign in with Facebook</a>

Demo

Some Popular Buttons

Sign in with Facebook Sign in with Google+ Sign in with Twitter Sign in with LinkedIn Sync with Dropbox Clip to Evernote Follow me on Forrst Sign in with Dribbble Sign in to CloudApp Fork me on Github Fork me on GitLab Play on Spotify Read It Later Follow me on Soundcloud Follow me on Tumblr Read on Smashing Magazine Available on iTunes Available on the App Store Available on the Mac App Store Available on Android Market Follow me on Pinterest Follow me on Quora Attend on Lanyrd Sign in with Twitch Sign in with Houzz Sign in with Slack Sign in with Pandora Pay with Paypal Sign in with Amazon Call me on Skype Sign in with Last.fm Write a review on Yelp Check in with foursquare Influence with Klout View on Wikipedia Sign in with Disqus Sign in with IntenseDebate Sign in with Google Sign in with Gmail Upload to Vimeo Read more on Scribd Subscribe on YouTube Sign in with WordPress Sign in with Songkick Sign in with Posterous Sign in with Eventbrite Tip with Flattr Follow me on Plancast Submit resume for CEO Download Internet Explorer 5 Report bugs with Meetup.com Learn how-to-use OpenID Register now for HTML6 Chat with your parents Sign in as guest View Creative Commons Licence Subscribe to RSS Add to Chrome Sign up for Eventasaurus Join me on Weibo Sign in with Plurk Play on Grooveshark Post on Blogger Sign in with Viadeo Subscribe to this Podcast View Portfolio on 500px Bitcoin accepted here View Portfolio on 99Designs Bookmark with Pinboard Stumble! Find me on Myspace Sign in with Windows Live Find Events with Eventful Sign in with Xing Upload to Flickr Sign in with Del.icio.us Download from Google Play Reserve with OpenTable Digg this Share on Reddit Fund us on AngelList Sign in with Instagram Sign in with Steam Sign in with VKontakte Sign in with App.net Built with Drupal Share with Status.net/Indenti.ca Save for later Download Adobe Acrobat Fork from Bitbucket Buffer Make me out of Lego Log in Hacker News Sign in with Stackoverflow Lkd.to Sign in with Persona Start chat on Messenger Sign in with Stripe Sign in with Dwolla Sign in with join.me Voir mon profil BetaSeries Follow me on DeviantArt https://www.w3.org Follow me on ASKfm Call me on Discord Call a phone Send a message Add to calendar Add to cart Print this page Primary action Secondary action

Icon versions

Sign in with Facebook Sign in with Google+ Sign in with Twitter Sign in with Google Sign in with LinkedIn Pay with Paypal Sign in with Amazon Sync with Dropbox Clip to Evernote Call me on Skype Sign in as guest Play on Spotify Sign in with Last.fm Sign in with Songkick Follow me on Forrst Sign in with Dribbble Sign in to CloudApp Fork me on Github Fork me on GitLab Follow me on Pinterest Follow me on Quora Bookmark with Pinboard Attend on Lanyrd Download on iTunes Download on Android Sign in with Disqus Sign in with Yahoo Upload to Vimeo Add to Chrome Get a new browser Made from HTML5 Read It Later Read more on Scribd View on Wikipedia Tip with Flattr Follow me on Tumblr Subscribe to my Posterous Check in with Gowalla Check in with foursquare Write a review on Yelp Follow me on Soundcloud Read on Smashing Magazine Sign in with WordPress Sign in with IntenseDebate Sign in with OpenID Sign in with Gmail Sign in with Eventbrite Sign in with Eventasaurus Sign in with Meetup.com Sign in with AIM Follow me on Plancast Subscribe on YouTube Available on the Mac App Store View Creative Commons Licence Subscribe to RSS Follow me on Weibo Follow me on Plurk Follow me on Grooveshark Post on Blogger Sign in with Viadeo Subscribe to this Podcast View Portfolio on 500px Bitcoin accepted here View Portfolio on 99Designs Stumble! Download on iTunes Find me on Myspace Sign in with Windows Live Find Events with Eventful Influence with Klout Sign in with Xing Upload to Flickr Sign in with Del.icio.us Download from Google Play Reserve with OpenTable Digg this Share on Reddit Fund us on AngelList Sign in with Instagram Sign in with Steam Sign in with VKontakte Sign in with App.net Sign in with Stripe Sign in with Dwolla Built with Drupal Share with Status.net/Indenti.ca Save for later Download Adobe Acrobat Fork from Bitbucket Buffer Make me out of Lego Log in Hacker News Sign in with Stackoverflow Lkd.to Sign in with Persona Sign in with join.me Sign in with Twitch Sign in with Houzz Sign in with Slack Sign in with Pandora Voir mon profil BetaSeries Follow me on DeviantArt https://www.w3.org/ Follow me on ASKfm Call me on Discord Call a phone Send a message Add to calendar Print this page Add to cart

Under MIT License. Zocial on Github.