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: 200px;
	height: 50px;
	border:1px solid;
	position: relative;
	margin:40px 0 40px 50px;
	
}
.f-right .facebook{
	position: absolute;
	left:15px;
	top:0;
	padding:25px;
	background: url(http://i65.fastpic.ru/big/2014/0730/61/0d272fcaaa2bbfaee86d23b5c1890b61.png) no-repeat 0 0;
}
.f-right .twitter{
	position: absolute;
	left:0;
	top:0;
	padding:25px;
	background: url(http://i65.fastpic.ru/big/2014/0730/61/0d272fcaaa2bbfaee86d23b5c1890b61.png) no-repeat -61px 0;
	margin-left: 75px;
}
.f-right .vkon{
	position: absolute;
	left:0;
	top:0;
	padding:25px;
	background: url(http://i65.fastpic.ru/big/2014/0730/61/0d272fcaaa2bbfaee86d23b5c1890b61.png) no-repeat -122px 0;
	margin-left: 135px;
}