Round social media icon set.

round-font-awesome-icon-set.html

<ul class="fa-round-icons">	    
  <li class="fa-round-icon fa-2x"><a target="_blank" href="#"><i class="fa fa-twitter"></i></a></li>
  <li class="fa-round-icon fa-2x"><a target="_blank" href="#"><i class="fa fa-facebook"></i></a></li>
  <li class="fa-round-icon fa-2x"><a target="_blank" href="#"><i class="fa fa-instagram"></i></a></li>
</ul>

round-font-awesome-icon-set.less

ul.fa-round-icons {
	@fa-round-icon-size: 50px;
	list-style: none;
	padding: 0 !important;
	li {
		.pull-left();
	}
		.fa-round-icon {
		
    	a {
				display: inline-block;
				background-color: @gray-lighter;
				border-radius: 50%;
				padding: @fa-round-icon-size / 8;
				color: @black;
				display: table-cell;
				vertical-align: middle; 
				height: @fa-round-icon-size;
				width: @fa-round-icon-size;
				text-align: center;
				line-height: 0;
				font-size: @fa-round-icon-size / 2;
				
				&:hover, &:active {
					text-decoration: none;
					background-color: #fff;
				}
			}
	}
}