CSS是网页设计中的非常重要的一部分，而设置多个图标是CSS中的一个常见需求。接下来我们就来了解一下在CSS中如何设置多个图标吧。 首先，我们需要在HTML文档的头部引入字体库。这里我们以Font Awesome字体库为例，代码如下：

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" 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中设置多个图标的目标。我们只需要重复这个过程，即可实现更多不同的图标效果。