CSS圖標是網頁設計中常用的一種元素，但有時候我們需要縮小它們的大小以適應頁面的布局。下面介紹一些常用方法：

.icon {
font-size: 16px; /*初始大小為16px*/
}
.icon.small {
font-size: 12px; /*等比例縮小到12px*/
}
.icon.x-small {
font-size: 10px; /*等比例縮小到10px*/
}

以上代碼中，我們定義了一個類名為icon的元素，并設置了它的初始大小為16px。接著，我們通過定義類名為small和x-small的新樣式，來對icon元素進行縮小。這里使用了等比例縮小的方法，保證圖標的比例不會失真。

當然，還有其他一些方法可以實現圖標的縮小。比如使用transform屬性的scale函數，或者利用偽元素的before和after來將圖標包裹在一個小的容器中。在具體的實際應用中，我們可以根據需要選擇適合的方式來進行縮小。