CSS小圖標在網頁設計中經常使用，但是很多人在調整圖標居中時遇到了困難。下面我們來看一下如何讓CSS小圖標居中。

首先，我們需要在HTML中添加一個包含圖標的元素，例如：

<div class="icon"><span class="icon-heart"></span></div>

上面的代碼中，我們使用了一個div元素，其中包含了class為icon-heart的span元素，該元素將顯示我們想要的圖標。

接下來，我們需要添加以下CSS代碼：

.icon {
display: flex;
justify-content: center;
align-items: center;
}
.icon span {
font-size: 24px;
line-height: 1;
}

上面的代碼中，我們使用了flex布局來將圖標居中。使用justify-content: center將元素水平居中，而使用align-items: center則將元素垂直居中。

另外，我們還可以通過設置span元素的font-size和line-height屬性來調整圖標的大小和垂直對齊方式。

通過上述方法，我們就可以將CSS小圖標居中了。