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 a {
    display: inline-block;
    width: 50px;
    height: 50px;
    background: url(http://i65.fastpic.ru/big/2014/0730/61/0d272fcaaa2bbfaee86d23b5c1890b61.png) no-repeat 0 0;
}
.f-right a.twitter {
    background-position: -61px 0;
}
.f-right a.vkon{
	background-position: -122px 0;
}