Font Awesome social icons stack

social-icons-stack.html

<!-- fa class - square -->
<div class="social">
	<a target="_blank" href="#" class="fa-stack fa-lg">
	  <i class="fa fa-stop fa-stack-2x fa-stack-3x"></i>
	  <i class="fa fa-twitter fa-stack-1x fa-inverse"></i>
	</a>
	<a target="_blank" href="#" class="fa-stack fa-lg">
	  <i class="fa fa-stop fa-stack-2x fa-stack-3x"></i>
	  <i class="fa fa-linkedin fa-stack-1x fa-inverse"></i>
	</a>
	<a target="_blank" href="#" class="fa-stack fa-lg">
	  <i class="fa fa-stop fa-stack-2x fa-stack-3x"></i>
	  <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
	</a>
</div>

<!-- circled: -->
<div class="social">
	<a target="_blank" href="#" class="icon-stack icon-lg">
	  <i class="icon icon-circle-thin icon-stack-2x icon-stack-3x"></i>
	  <i class="icon icon-twitter icon-stack-1x"></i>
	</a>
	<a target="_blank" href="#" class="icon-stack icon-lg">
	  <i class="icon icon-circle-thin icon-stack-2x icon-stack-3x"></i>
	  <i class="icon icon-facebook icon-stack-1x"></i>
	</a>
	<a target="_blank" href="#" class="icon-stack icon-lg">
	  <i class="icon icon-circle-thin icon-stack-2x icon-stack-3x"></i>
	  <i class="icon icon-linkedin icon-stack-1x"></i>
	</a>
</div>

<!-- square: -->
<div class="social">
	<a target="_blank" href="#" class="icon-stack icon-lg">
	  <i class="icon icon-stop icon-stack-2x icon-stack-3x"></i>
	  <i class="icon icon-twitter icon-stack-1x icon-inverse"></i>
	</a>
	<a target="_blank" href="#" class="icon-stack icon-lg">
	  <i class="icon icon-stop icon-stack-2x icon-stack-3x"></i>
	  <i class="icon icon-facebook icon-stack-1x icon-inverse"></i>
	</a>
	<a target="_blank" href="#" class="icon-stack icon-lg">
	  <i class="icon icon-stop icon-stack-2x icon-stack-3x"></i>
	  <i class="icon icon-linkedin icon-stack-1x icon-inverse"></i>
	</a>
</div>