修改圖標顏色是創建現代化網站的一個重要步驟。在CSS中，我們可以使用多種方法來修改圖標顏色。下面，我將通過幾種常見的方法來介紹如何修改圖標顏色。 方法一：使用font-color屬性 我們可以使用font-color屬性來設置我們想要的圖標顏色。例如，如果我們想把一個字體圖標的顏色改為紅色，我們可以這樣寫CSS代碼：

.icon{
font-size: 24px;
color: red;
}

在HTML中，我們只需要為該元素添加對應的class名即可：

方法二：使用color屬性 除了font-color屬性，我們還可以使用color屬性來設置圖標顏色。但是，需要注意的是，color屬性僅適用于一些特定的圖標，例如SVG圖標。代碼示例：

svg{
color: red;
}

方法三：使用CSS濾鏡 另一種常見的方法是使用CSS濾鏡。我們可以使用filter屬性來修改圖標的顏色，具體來說，我們可以使用hue-rotate()函數來調整顏色。代碼示例：

.icon{
font-size: 24px;
filter: hue-rotate(90deg);
}

方法四：使用顏色替換 最后一種方法是使用顏色替換。這種方法是通過底層的SVG代碼來實現的，我們可以使用color屬性來設置替換顏色。代碼示例：

.icon{
font-size: 24px;
-webkit-mask-image: url("icon.svg");
mask-image: url("icon.svg");
color: red;
}

以上是幾種常見的修改圖標顏色的方法，我們可以根據實際需要選擇適合自己的方法。同時，我們也需要注意瀏覽器兼容性，避免出現問題。