CSS是一項非常強大的技術，它可以為網頁添加樣式和布局。在CSS中實現多個圖標也是一件很容易的事情。下面我們來看看如何在CSS中創建多個圖標。

.icon {
width: 40px;
height: 40px;
display: inline-block;
background-repeat: no-repeat;
}
.icon-facebook {
background-image: url('facebook-icon.png');
}
.icon-twitter {
background-image: url('twitter-icon.png');
}
.icon-instagram {
background-image: url('instagram-icon.png');
}

如上所示的CSS代碼中，我們先定義了一個基礎的`.icon`類，用來設置圖標的寬度、高度、顯示方式以及背景圖像的重復方式。接著，我們分別定義了三個不同的`.icon-*`類，用來設置不同的圖標背景圖像。

這樣，我們就能夠在HTML中輕松地使用這些圖標，只需要使用相應的`.icon-*`類即可。例如：

<div class="icon icon-facebook"></div>
<div class="icon icon-twitter"></div>
<div class="icon icon-instagram"></div>

如上所示的HTML代碼中，我們只需要為`<div>`元素添加相應的`.icon-*`類即可實現不同的圖標。

總的來說，CSS中創建多個圖標非常簡單，只需要定義好基礎類以及不同的圖標類即可。這不僅方便了開發者的工作，也使得網頁變得更加美觀、易讀。