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

152 votes115 views6 answers
How to add bold in css
CSS
1 vote118 views1 answer
How to add background image in a container css
CSS
21 votes117 views3 answers
Disable cursor css
CSS
0 vote139 views1 answer
Css tips and tricks to handle the complicated stuffs in design part which is helpfull to handle at tha critical time and to deliver requirement to the client to the main resource
CSS
1 vote113 views1 answer
Div border glow effect css
CSS
6 votes125 views5 answers
Remove line from a href css
CSS
104 votes113 views6 answers
Media screen
CSS
4 votes135 views2 answers
Css hex to rgb
CSS
1 vote123 views2 answers
Css disabled hover none
CSS
3 votes155 views2 answers
Ui gradient
CSS