Ul class= social-icons

<ul class="social-buttons">  <li class="social-button-item"><a class="btn-facebook btn-social-icon btn" href="#"> <i class="fa-facebook fa"></i> </a></li>  <li class="social-button-item"><a class="btn-twitter btn-social-icon btn" href="#"> <i class="fa-twitter fa"></i> </a></li>  <li class="social-button-item"><a class="btn-linkedin btn-social-icon btn" href="#"> <i class="fa-linkedin fa"></i> </a></li>  <li class="social-button-item"><a class="btn-google-plus btn-social-icon btn" href="#"> <i class="fa-google-plus fa"></i> </a></li>  <li class="social-button-item"><a class="btn-pinterest btn-social-icon btn" href="#"> <i class="fa-pinterest fa"></i> </a></li>  <li class="social-button-item"><a class="btn-reddit btn-social-icon btn" href="#"> <i class="fa-reddit fa"></i> </a></li>  <li class="social-button-item"><a class="btn-dropbox btn-social-icon btn" href="#"> <i class="fa-dropbox fa"></i> </a></li></ul>

Source: quintagroup.com

Ul class= social-icons

<ul class="social-icons">
    <li><a href="http://www.facebook.com"><img src='path_to_your_image' /></a></li>
    <li><a href="http://www.twitter.com"><img src='path_to_your_image' /></a></li>
    <li><a href="http://www.youtube.com"><img src='path_to_your_image' /></a></li>
</ul>

Source: templatemonster.com

Similar codes

0 vote333 views1 answer
Scss import class from another file
CSS
1 vote333 views1 answer
How to space out buttons css
CSS
3 votes318 views1 answer
Hcss change highlight color
CSS
0 vote331 views1 answer
Line height negative css
CSS
2 votes330 views1 answer
How to make html element not selectable
CSS
0 vote331 views1 answer
Body{text-align: center;}
CSS
0 vote314 views1 answer
Css textarea background color transparent
CSS
0 vote333 views1 answer
Adding whitespace in box
CSS
0 vote323 views1 answer
Auto-indenting on Sublime Text 3 - "Key Bindings"
CSS
1 vote320 views2 answers
Fit image in grid css
CSS