CSS是網頁設計中的非常重要的一部分，而設置多個圖標是CSS中的一個常見需求。接下來我們就來了解一下在CSS中如何設置多個圖標吧。
首先，我們需要在HTML文檔的頭部引入字體庫。這里我們以Font Awesome字體庫為例，代碼如下：

<link rel="stylesheet"  integrity="sha384-6ZR9mayaSRzJjtPXzYh5xyzLyz9GnO+VRJMWjYmdMBUhrnPqPJGKPXn2D0M99a4Q" crossorigin="anonymous">

接下來，我們可以在CSS中設置字體樣式，以及將圖標應用到特定元素上。例如，我們要設置一個用于顯示“搜索”圖標的圖標樣式，可以這樣寫CSS代碼：

p.search-icon {
font-family: 'Font Awesome 5 Free';  /* 字體庫名稱 */
font-weight: 900;  /* 字體粗細 */
font-size: 1.2em;  /* 字體大小 */
color: #898989;  /* 字體顏色 */
margin-right: 10px;  /* 右側距離 */
}
p.search-icon:before {
content: "\f002";  /* 字體庫中“搜索”圖標對應的Unicode碼 */
}

在這段CSS代碼中，“.search-icon”是一個類選擇器，用于選擇需要使用“搜索”圖標的元素，它是一個段落元素（p標簽）。
在類選擇器中，我們設置了字體庫名稱、字體粗細、字體大小、字體顏色和右側距離等屬性，以達到我們想要的效果。
接著，我們使用:before偽元素來插入字體庫中“搜索”圖標對應的Unicode碼。這里需要注意，偽元素的content屬性的值需要用反斜杠和Unicode碼來表示。
至此，我們就實現了在CSS中設置多個圖標的目標。我們只需要重復這個過程，即可實現更多不同的圖標效果。