Social Buttons

These are buttons. If you need icon, look in the section of social icons.

Social Icons


<!-- Basic Social Buttons -->
<a href="#" class="btn-social rss"><i class="fa fa-rss"></i>RSS</a>
<a href="#" class="btn-social facebook"><i class="fa fa-facebook"></i>Facebook</a>
<a href="#" class="btn-social twitter"><i class="fa fa-twitter"></i>Twitter</a>
<a href="#" class="btn-social pinterest"><i class="fa fa-pinterest"></i>Pinterest</a>
<a href="#" class="btn-social instagram"><i class="fa fa-instagram"></i>Instagram</a>
<a href="#" class="btn-social youtube"><i class="fa fa-youtube"></i>Youtube</a>
<a href="#" class="btn-social git"><i class="fa fa-git"></i>Git</a>
<a href="#" class="btn-social git"><i class="fa fa-github"></i>Github</a>
<a href="#" class="btn-social git"><i class="fa fa-github-alt"></i>Github</a>
<a href="#" class="btn-social google-plus"><i class="fa fa-google-plus"></i>Google+</a>
<a href="#" class="btn-social wordpress"><i class="fa fa-wordpress"></i>Wordpress</a>
<a href="#" class="btn-social linkedin"><i class="fa fa-linkedin"></i>Linkedin</a>
<a href="#" class="btn-social flickr"><i class="fa fa-flickr"></i>Flickr</a>
<a href="#" class="btn-social vine"><i class="fa fa-vine"></i>Vine</a>
<a href="#" class="btn-social dribbble"><i class="fa fa-dribbble"></i>Dribble</a>
<a href="#" class="btn-social stack-overflow"><i class="fa fa-stack-overflow"></i>Stack Overflow</a>
<a href="#" class="btn-social foursquare"><i class="fa fa-foursquare"></i>Foursquare</a>
<a href="#" class="btn-social tumblr"><i class="fa fa-tumblr"></i>Tumlr</a>
<!-- Solid Social Buttons -->
<a href="#" class="btn-social solid rss"><i class="fa fa-rss"></i>RSS</a>
<a href="#" class="btn-social solid facebook"><i class="fa fa-facebook"></i>Facebook</a>
<a href="#" class="btn-social solid twitter"><i class="fa fa-twitter"></i>Twitter</a>
<a href="#" class="btn-social solid pinterest"><i class="fa fa-pinterest"></i>Pinterest</a>
<a href="#" class="btn-social solid instagram"><i class="fa fa-instagram"></i>Instagram</a>
<a href="#" class="btn-social solid youtube"><i class="fa fa-youtube"></i>Youtube</a>
<a href="#" class="btn-social solid git"><i class="fa fa-git"></i>Git</a>
<a href="#" class="btn-social solid git"><i class="fa fa-github"></i>Github</a>
<a href="#" class="btn-social solid git"><i class="fa fa-github-alt"></i>Github</a>
<a href="#" class="btn-social solid google-plus"><i class="fa fa-google-plus"></i>Google+</a>
<a href="#" class="btn-social solid wordpress"><i class="fa fa-wordpress"></i>Wordpress</a>
<a href="#" class="btn-social solid linkedin"><i class="fa fa-linkedin"></i>Linkedin</a>
<a href="#" class="btn-social solid flickr"><i class="fa fa-flickr"></i>Flickr</a>
<a href="#" class="btn-social solid vine"><i class="fa fa-vine"></i>Vine</a>
<a href="#" class="btn-social solid dribbble"><i class="fa fa-dribbble"></i>Dribble</a>
<a href="#" class="btn-social solid stack-overflow"><i class="fa fa-stack-overflow"></i>Stack Overflow</a>
<a href="#" class="btn-social solid foursquare"><i class="fa fa-foursquare"></i>Foursquare</a>
<a href="#" class="btn-social solid tumblr"><i class="fa fa-tumblr"></i>Tumlr</a>
                            

Small Buttons


Small Solid Buttons



<!-- Small Buttons -->
<a href="#" class="btn-social sm rss"><i class="fa fa-rss"></i>RSS</a>
<a href="#" class="btn-social sm facebook"><i class="fa fa-facebook"></i>Facebook</a>
<a href="#" class="btn-social sm twitter"><i class="fa fa-twitter"></i>Twitter</a>
<a href="#" class="btn-social sm pinterest"><i class="fa fa-pinterest"></i>Pinterest</a>
<a href="#" class="btn-social sm instagram"><i class="fa fa-instagram"></i>Instagram</a>
<a href="#" class="btn-social sm youtube"><i class="fa fa-youtube"></i>Youtube</a>
<a href="#" class="btn-social sm git"><i class="fa fa-git"></i>Git</a>
<a href="#" class="btn-social sm git"><i class="fa fa-github"></i>Github</a>
<a href="#" class="btn-social sm git"><i class="fa fa-github-alt"></i>Github</a>
<a href="#" class="btn-social sm google-plus"><i class="fa fa-google-plus"></i>Google+</a>
<a href="#" class="btn-social sm wordpress"><i class="fa fa-wordpress"></i>Wordpress</a>
<a href="#" class="btn-social sm linkedin"><i class="fa fa-linkedin"></i>Linkedin</a>
<a href="#" class="btn-social sm flickr"><i class="fa fa-flickr"></i>Flickr</a>
<a href="#" class="btn-social sm vine"><i class="fa fa-vine"></i>Vine</a>
<a href="#" class="btn-social sm dribbble"><i class="fa fa-dribbble"></i>Dribble</a>
<a href="#" class="btn-social sm stack-overflow"><i class="fa fa-stack-overflow"></i>Stack Overflow</a>
<a href="#" class="btn-social sm foursquare"><i class="fa fa-foursquare"></i>Foursquare</a>
<a href="#" class="btn-social sm tumblr"><i class="fa fa-tumblr"></i>Tumlr</a>
<!-- Small Solid Buttons -->
<a href="#" class="btn-social sm solid rss"><i class="fa fa-rss"></i>RSS</a>
<a href="#" class="btn-social sm solid facebook"><i class="fa fa-facebook"></i>Facebook</a>
<a href="#" class="btn-social sm solid twitter"><i class="fa fa-twitter"></i>Twitter</a>
<a href="#" class="btn-social sm solid pinterest"><i class="fa fa-pinterest"></i>Pinterest</a>
<a href="#" class="btn-social sm solid instagram"><i class="fa fa-instagram"></i>Instagram</a>
<a href="#" class="btn-social sm solid youtube"><i class="fa fa-youtube"></i>Youtube</a>
<a href="#" class="btn-social sm solid git"><i class="fa fa-git"></i>Git</a>
<a href="#" class="btn-social sm solid git"><i class="fa fa-github"></i>Github</a>
<a href="#" class="btn-social sm solid git"><i class="fa fa-github-alt"></i>Github</a>
<a href="#" class="btn-social sm solid google-plus"><i class="fa fa-google-plus"></i>Google+</a>
<a href="#" class="btn-social sm solid wordpress"><i class="fa fa-wordpress"></i>Wordpress</a>
<a href="#" class="btn-social sm solid linkedin"><i class="fa fa-linkedin"></i>Linkedin</a>
<a href="#" class="btn-social sm solid flickr"><i class="fa fa-flickr"></i>Flickr</a>
<a href="#" class="btn-social sm solid vine"><i class="fa fa-vine"></i>Vine</a>
<a href="#" class="btn-social sm solid dribbble"><i class="fa fa-dribbble"></i>Dribble</a>
<a href="#" class="btn-social sm solid stack-overflow"><i class="fa fa-stack-overflow"></i>Stack Overflow</a>
<a href="#" class="btn-social sm solid foursquare"><i class="fa fa-foursquare"></i>Foursquare</a>
<a href="#" class="btn-social sm solid tumblr"><i class="fa fa-tumblr"></i>Tumlr</a>
                            

Size Buttons


<a href="#" class="btn-social solid sm facebook"><i class="fa fa-facebook"></i></a>
<a href="#" class="btn-social solid facebook"><i class="fa fa-facebook"></i> Facebook</a>
<a href="#" class="btn-social solid lg facebook"><i class="fa fa-facebook"></i> Facebook</a>
<a href="#" class="btn-social solid xl-lg facebook"><i class="fa fa-facebook"></i> Facebook</a>
<a href="#" class="btn-social sm twitter"><i class="fa fa-twitter"></i></a>
<a href="#" class="btn-social twitter"><i class="fa fa-twitter"></i> Twitter</a>
<a href="#" class="btn-social lg twitter"><i class="fa fa-twitter"></i> Twitter</a>
<a href="#" class="btn-social xl-lg twitter"><i class="fa fa-twitter"></i> Twitter</a>
                            

Round Buttons


<a href="#" class="btn-social round sm rss"><i class="fa fa-rss"></i></a>
<a href="#" class="btn-social round rss"><i class="fa fa-rss"></i> RSS</a>
<a href="#" class="btn-social round lg rss"><i class="fa fa-rss"></i> RSS</a>
<a href="#" class="btn-social round xl-lg rss"><i class="fa fa-rss"></i> RSS</a>
<a href="#" class="btn-social round solid sm google-plus"><i class="fa fa-google-plus"></i></a>
<a href="#" class="btn-social round solid google-plus"><i class="fa fa-google-plus"></i> Google+</a>
<a href="#" class="btn-social round solid lg google-plus"><i class="fa fa-google-plus"></i> Google+</a>
<a href="#" class="btn-social round solid xl-lg google-plus"><i class="fa fa-google-plus"></i> Google+</a>