icons.html

<style>
.facebook {
	background-image: url('/cfpimages/socialmedia.png');
	background-repeat: no-repeat;
	height: 164px;
	width: 164px;
	display: inline-block;
	background-position: -160px -40px;
}
.instagram {
	background-image: url('/cfpimages/socialmedia.png');
	background-repeat: no-repeat;
	height: 164px;
	width: 164px;
	display: inline-block;
	background-position: -348px -40px;
}
.youtube {
	background-image: url('/cfpimages/socialmedia.png');
	background-repeat: no-repeat;
	height: 164px;
	width: 164px;
	display: inline-block;
	background-position: -536px -40px;
}
.twitter {
	background-image: url('/cfpimages/socialmedia.png');
	background-repeat: no-repeat;
	height: 164px;
	width: 164px;
	display: inline-block;
	background-position: -159px -250px;
}
.linkedin {
	background-image: url('/cfpimages/socialmedia.png');
	background-repeat: no-repeat;
	height: 164px;
	width: 164px;
	display: inline-block;
	background-position: -536px -248px;
}
.snapchat {
	background-image: url('/cfpimages/socialmedia.png');
	background-repeat: no-repeat;
	height: 164px;
	width: 164px;
	display: inline-block;
	background-position: -159px -458px;
}
.pinterest {
	background-image: url('/cfpimages/socialmedia.png');
	background-repeat: no-repeat;
	height: 164px;
	width: 164px;
	display: inline-block;
	background-position: -536px -448px;
}
</style>


<ul>
  <li class="facebook">&nbsp;</li>
  <li class="instagram">&nbsp;</li>
  <li class="youtube">&nbsp;</li>
  <li class="twitter">&nbsp;</li>
  <li class="linkedin">&nbsp;</li>
  <li class="snapchat">&nbsp;</li>
</ul>