在網頁設計中，圖標是必不可少的元素。然而，使用多個圖標布局可能會成為一個挑戰，因此我們需要使用CSS來實現。以下是一些實現多個圖標布局的示例：

.icon-group {
display: flex;
justify-content: center; /* 居中 */
align-items: center; /* 垂直居中 */
}
.icon-group .icon {
margin: 10px; /* 設置間距 */
}

在這個示例中，我們使用了Flexbox布局來創建一個圖標組。我們設置了“justify-content: center”屬性來使圖標組在水平方向上居中，同時使用“align-items: center”屬性將圖標組垂直居中。

我們還使用了“.icon”類來設置每個圖標的樣式。在這里，我們只設置了圖標之間的間距為10像素。

.icon-grid {
display: grid;
grid-template-columns: repeat(3, 1fr); /* 設置列數，每個列寬度相等 */
gap: 20px; /* 設置間距 */
}
.icon-grid .icon {
justify-self: center; /* 每個圖標在列中居中 */
}

還有一個示例是使用CSS網格來創建圖標網格布局。我們使用“grid-template-columns: repeat（3，1fr）”屬性設置每行有三個列，并且每個列的寬度相等。我們還使用了“gap：20px”屬性來設置圖標之間的間距。

最后，我們使用“.icon”類來設置每個圖標的樣式。在這里，我們使用“justify-self：center”屬性來使每個圖標在其所在列中水平居中。