1. Get started by downloading the social-media-buttons.min.css file and include the stylesheet on your website.
<link href="social-media-buttons.min.css" rel="stylesheet">
2. Add the corresponding classname to style your button. The correct icon and color will be added automatically. Example:
<button class="ss-btn-twitter>Follow me on Twitter</button>
ss-btn-facebook
ss-btn-twitter
ss-btn-googleplus
ss-btn-pinterest
ss-btn-foursquare
ss-btn-yahoo
ss-btn-skype
ss-btn-yelp
ss-btn-linkedin
ss-btn-soundcloud
ss-btn-spotify
ss-btn-youtube
ss-btn-vine
ss-btn-vimeo
ss-btn-instagram
ss-btn-tumblr
ss-btn-reddit
ss-btn-dribbble
ss-btn-github
ss-btn-twitch
ss-btn-pocket
ss-btn-airbnb
ss-btn-paypal
ss-btn-flickr
ss-btn-light-facebook
ss-btn-light-twitter
ss-btn-light-googleplus
ss-btn-light-pinterest
ss-btn-light-foursquare
ss-btn-light-yahoo
ss-btn-light-skype
ss-btn-light-yelp
ss-btn-light-linkedin
ss-btn-light-soundcloud
ss-btn-light-spotify
ss-btn-light-youtube
ss-btn-light-vine
ss-btn-light-vimeo
ss-btn-light-instagram
ss-btn-light-tumblr
ss-btn-light-reddit
ss-btn-light-dribbble
ss-btn-light-github
ss-btn-light-twitch
ss-btn-light-pocket
ss-btn-light-airbnb
ss-btn-light-paypal
ss-btn-light-flickr
ss-btn-icon-facebook
ss-btn-icon-twitter
ss-btn-icon-googleplus
ss-btn-icon-pinterest
ss-btn-icon-foursquare
ss-btn-icon-yahoo
ss-btn-icon-skype
ss-btn-icon-yelp
ss-btn-icon-linkedin
ss-btn-icon-soundcloud
ss-btn-icon-spotify
ss-btn-icon-youtube
ss-btn-icon-vine
ss-btn-icon-vimeo
ss-btn-icon-instagram
ss-btn-icon-tumblr
ss-btn-icon-reddit
ss-btn-icon-dribbble
ss-btn-icon-github
ss-btn-icon-twitch
ss-btn-icon-pocket
ss-btn-icon-airbnb
ss-btn-icon-paypal
ss-btn-icon-flickr