sprit with css
/* html code */
<ul class="icone">
<li class="icone-1"></li>
<li class="icone-2"></li>
<li class="icone-3"></li>
<li class="icone-4"></li>
<li class="icone-5"></li>
<li class="icone-6"></li>
</ul>
/* css code */
.icone li {
width: 60px;
height: 60px;
display: inline-block;
background: url("sprite.png") no-repeat;
}
.icone .icone-1 { background-position: left top; }
.icone .icone-2 { background-position: 20% top; }
.icone .icone-3 { background-position: 40% top; }
.icone .icone-4 { background-position: 60% top; }
.icone .icone-5 { background-position: 80% top; }
.icone .icone-6 { background-position: right top; }