先将图片拼接在一张图上。类似实现的效果图
图片地址为合并后的图片地址，通过background-position调整背景图的位置。
效果如：
HTML：
<DIV CLASS = "ロゴ">
<DIV CLASS = "アイコンICON1">
</ div>
<divのクラス= "アイコン">
</ div>
<divのクラス= "アイコン">
</ div>
<divのクラス=」アイコン">
</ div>
</ div>
CSS:
.logo {
位置：絶対。
トップ：40％;
左：30％;
}
.icon {
背景：URL（IMG / xbt.png）。
幅：は50px;
高さ：は50px;
表示：インラインブロック。
}
.icon：n番目の子（1） {
背景位置：255px 151px。
}
.icon：n番目の子（2）{
背景位置：255px -69px。
}
.icon：n番目の子（3）{
背景位置：735px 151px。
}
.icon：n番目の子（4）{
背景位置：255px -237px。
}