在網頁設計中，圖標常常被用來裝飾頁面并增加可讀性，但大多數情況下，圖標的顏色僅僅只是黑色或白色。那么，如何改變它們的顏色呢？通過使用 CSS，我們可以輕松地更改圖標的顏色。 首先，讓我們來看一下如何使用 CSS 在圖標中應用顏色。我們可以使用以下代碼：

.icon {
color: #FF0000;
}

這將會給所有具有 "icon" 類名的元素應用紅色顏色。如果圖標本身沒有指定顏色，這將是圖標顏色的最終顏色。 但如果圖標是 SVG 格式，我們可以使用 "fill" 屬性來對圖標顏色進行修改。下面是一個例子：

svg.icon {
fill: #FF0000;
}

這將會給所有指定 "icon" 類名的 SVG 圖標應用紅色填充顏色。 最后，還有一個技巧，我們可以使用 "filter" 屬性來改變 SVG 圖標的顏色。以下是一個簡單的例子：

svg.icon {
filter: hue-rotate(180deg);
}

此代碼通過旋轉顏色色輪180度，將所有指定 "icon" 類名的 SVG 圖標顏色更改為反色。 通過使用 CSS，我們可以改變圖標的顏色，使其成為我們網頁設計的完美裝飾元素。