JSFiddle - React, Tailwind, and code Playground

HTML

<div class="f-right">
    
<a href="#" class="facebook"></a>
<a href="#" class="twitter"></a>
<a href="#" class="vkon"></a>
    
</div>

CSS

.f-right {
	background: #343434; 
	width: 170px;
	height: 50px;
	border:1px solid;
	margin:0 0 40px 50px; 
}
.f-right .facebook{
	padding:0 20px 35px 30px;
	background: url(http://i65.fastpic.ru/big/2014/0730/61/0d272fcaaa2bbfaee86d23b5c1890b61.png) no-repeat 0 0px;
} 
.f-right .twitter{
	padding:0 20px 35px 30px;
	background: url(http://i65.fastpic.ru/big/2014/0730/61/0d272fcaaa2bbfaee86d23b5c1890b61.png) no-repeat -61px 0;
	margin-left: 10px;
} 
.f-right .vkon{
	padding:0 20px 35px 30px;
	background: url(http://i65.fastpic.ru/big/2014/0730/61/0d272fcaaa2bbfaee86d23b5c1890b61.png) no-repeat -122px 0;
	margin-left: 10px;
}