<ul class="icones-sociais">
<li>
<a class="github" href="https://github.com/joaodasilva">
github
</a>
</li>
<li>
<a class="twitter" href="https://twitter.com/joaodasilva">
twitter
</a>
</li>
<li>
<a class="linkedin" href="https://br.linkedin.com/pub/joão-da-silva/32/4/508">
linkedin
</a>
</li>
</ul>
.icones-sociais li{
width: 40px;
height: 40px;
display: inline-block;
text-indent: -9999999px;
.twitter{
background-image: url(twitter.png);
}
.linkedin{
background-image: url(linkedin.png);
}
.github{
background-image: url(github.png);
}