<div class="sprite-background-icon cloud"></div>
<div class="sprite-background-icon cloud-blue"></div>
<div class="sprite-background-icon cloud-computing"></div>
<div class="sprite-background-icon cloud-computing-blue"></div>
.sprite-background-icon{
width: 100px;
height: 100px;
display: inline-block;
margin-right: 30px;
cursor: pointer;
}
.cloud{
background: url('http://dreamhelg.ru/demo/svg-symbol-sprite/sprite-remote.svg#cloud-view') top left no-repeat;
}
.cloud-blue{
background: url('http://dreamhelg.ru/demo/svg-symbol-sprite/sprite-remote.svg#cloud-view-blue') top left no-repeat;
}
.cloud-computing{
background: url('http://dreamhelg.ru/demo/svg-symbol-sprite/sprite-remote.svg#cloud-computing-view') top left no-repeat;
}
.cloud-computing-blue{
background: url('http://dreamhelg.ru/demo/svg-symbol-sprite/sprite-remote.svg#cloud-computing-view-blue') top left no-repeat;
}
Also see: Tab Triggers