Social Media Icons 3D

Requires Font Awesome 4.0

by Erik Niebla

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://dl.dropbox.com/s/9jbz6u74j4lvrlu/icons.css">
  <ul class="lista">
    <li><i class="icons-3d fa fa-android fa-5x"></i></li>
    <li><i class="icons-3d fa fa-facebook-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-flickr fa-5x"></i></li>
    <li><i class="icons-3d fa fa-foursquare fa-5x"></i></li>
    <li><i class="icons-3d fa fa-google-plus-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-github-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-instagram fa-5x"></i></li>
    <li><i class="icons-3d fa fa-linkedin-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-pinterest-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-rss-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-skype fa-5x"></i></li>
    <li><i class="icons-3d fa fa-stack-overflow fa-5x"></i></li>
    <li><i class="icons-3d fa fa-tumblr-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-twitter-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-vimeo-square fa-5x"></i></li>
    <li><i class="icons-3d fa fa-youtube-square fa-5x"></i></li>
	<li>
	  <span class="icons-3d-shadow fa-stack-5x fa-5x">
		<i class="fa fa-youtube-square icons-3d"></i>
		<i class="fa fa-youtube-square shadow"></i>
	  </span>
    </li>
  <ul>

CSS

.lista{list-style:none;}.lista li{float:left;padding:10px;}