CSS圖標(biāo)是一種可以免費(fèi)獲取和使用的矢量圖形，它們可以輕松地添加到網(wǎng)站或應(yīng)用程序中。然而，有時您可能需要更改這些圖標(biāo)的顏色以使其與網(wǎng)站的設(shè)計保持一致。使用CSS，您可以輕松更改這些圖標(biāo)的填充顏色。下面是如何做到這一點(diǎn)的方法。 首先，讓我們看一些常用的CSS圖標(biāo)庫，例如Font Awesome和Material Icons。對于這些庫中的大多數(shù)圖標(biāo)，它們都具有相同的名稱，例如“fa-home”或“material-icons-home”。您可以在HTML中使用這些名稱添加圖標(biāo)，如下所示：

<i class="fa fa-home"></i>  // Font Awesome庫的圖標(biāo)
<i class="material-icons">home</i>  // Material Icons庫的圖標(biāo)

在默認(rèn)情況下，這些圖標(biāo)的顏色是黑色的。要更改它們的填充顏色，請使用CSS中的“color”屬性。例如，以下代碼將把圖標(biāo)的填充顏色更改為紅色：

.fa-home, .material-icons {
color: red;
}

這將使所有使用“fa-home”或“material-icons-home”類的圖標(biāo)的顏色更改為紅色。或者，您可以為每個圖標(biāo)分別設(shè)置顏色，如下所示：

.fa-home {
color: red;
}
.material-icons-home {
color: blue;
}

這將使“fa-home”圖標(biāo)的顏色更改為紅色，“material-icons-home”圖標(biāo)的顏色更改為藍(lán)色。請注意，您可以使用任何有效的CSS顏色值（例如名稱、十六進(jìn)制或RGBA格式）。 總之，使用CSS更改圖標(biāo)的填充顏色對于使網(wǎng)站或應(yīng)用程序的外觀更加一致非常有用。通過使用類選擇器和“color”屬性，您可以輕松更改這些可愛的矢量圖標(biāo)的顏色。