CSS 是一種用于設計和布局網頁的語言，它可以幫助開發人員輕松地控制元素的樣式和布局。其中一個常見的需求就是修改圖標的大小。下面我們來介紹如何使用 CSS 修改圖標的大小。

.icon {
font-size: 24px;
}

在這個例子中，我們使用了一個類名為 “icon” 的 CSS 類。我們選擇了所要修改大小的圖標元素，并設置了其字體大小為 24 像素。由于許多圖標都是使用字體圖標的形式實現的，因此通過設置字體大小，我們可以輕松地改變圖標的大小。

還有一種方法可以修改圖標的大小，就是使用圖像文件作為圖標。以下是實現這種方法的 CSS 代碼：

.icon {
width: 32px;
height: 32px;
background-image: url('icon.png');
background-repeat: no-repeat;
}

在這個例子中，我們使用了相同的 CSS 類名 “icon”。我們設置了圖像文件的寬度和高度為 32 像素。然后在背景圖像中指定圖像文件的路徑。最后，我們使用 background-repeat 屬性來設置圖像不重復。

這兩種方法都可以實現修改圖標大小的目的。選擇哪種方法取決于圖標本身以及您的具體需求。一些圖標可能更適合使用字體圖標，而另一些圖標則更適合使用圖像文件。