CSS是前端開發不可缺少的一環，它可以通過調節樣式讓網頁看起來更美觀，其中一個常見的需求就是調節圖標的大小。

.icon {
font-size: 24px;
}

在CSS中使用font-size屬性來調節圖標的大小。我們通常使用字體圖標庫來使用圖標，例如FontAwesome，它提供了一系列常用圖標的CSS類名。

上述HTML代碼中的標簽使用了fa fa-heart類名，其中fa是FontAwesome的通用類名，fa-heart指定了圖標的樣式。要調節圖標的大小，只需要為該類名設置font-size屬性即可。

.fa-heart {
font-size: 36px;
}

上述代碼將fa-heart類名的圖標大小設置為36像素。

此外，對于其他圖標庫，也可以使用類似的方式進行調節。例如在IcoMoon中，可以針對每個圖標生成不同的類名。

上述HTML代碼中，icon-heart和icon-star是IcoMoon生成的類名。同樣，只需要為這些類名設置font-size屬性即可調節圖標大小。

.icon-heart {
font-size: 36px;
}
.icon-star {
font-size: 48px;
}

總之，在CSS中調節圖標大小只需要使用font-size屬性即可，配合使用字體圖標庫的CSS類名或者生成的類名，可以非常方便地實現圖標大小的調節。