CSS中，我們可以使用自定義的小圖標來為網站和應用程序添加美觀的細節。但是，有時候我們需要調整小圖標的大小以適應不同的設計和布局需求。那么，如何在CSS中調整小圖標的大小呢？

.icon {
width: 20px;
height: 20px;
}

以上代碼演示了如何使用CSS設置小圖標的大小。我們可以使用width和height屬性分別設置小圖標的寬度和高度。在此處，我們將小圖標的寬度和高度都設置為20px。這是一個簡單且直接的方法來自定義小圖標的大小。

除此之外，我們還可以通過其他方法來調整小圖標的大小。例如，我們可以使用CSS的transform屬性來進行縮放。具體來說，我們可以使用scale()函數來增加或減小小圖標的大小。以下是一個演示如何使用transform屬性進行縮放的示例：

.icon {
transform: scale(1.5);
}

在這個例子中，我們使用scale()函數將小圖標的大小增加了50%。該函數接受一個參數，參數表示縮放的倍數。在此處，我們將倍數設置為1.5，因此小圖標的大小將增加50%。

值得注意的是，使用transform屬性進行縮放可能會影響小圖標的位置和周圍元素的布局。因此，我們必須謹慎使用這種方法來調整小圖標的大小。