在CSS中，我們可以使用多種方法來改變圖標(biāo)顏色，以下是一些常見的方法：

1、使用CSS顏色屬性：

我們可以直接在CSS中使用顏色屬性（如color）來改變圖標(biāo)顏色，如果你想要將圖標(biāo)顏色改為紅色，可以這樣做：

```css

.icon {

color: red;

}

```

2、使用背景顏色：

如果圖標(biāo)是一個(gè)有背景顏色的元素，你可以使用background-color屬性來改變背景顏色：

```css

.icon {

background-color: blue;

}

```

3、使用偽元素：

如果你使用的是像Font Awesome這樣的圖標(biāo)庫(kù)，你可以通過給偽元素添加顏色來改變圖標(biāo)顏色：

```css

.icon::before {

color: green;

}

```

4、使用CSS濾鏡：

CSS濾鏡提供了一種強(qiáng)大的方法來改變?cè)氐念伾▓D標(biāo)，你可以使用filter: hue-rotate()來調(diào)整圖標(biāo)的色調(diào)：

```css

.icon {

filter: hue-rotate(180deg);

}

```

5、使用JavaScript：

雖然CSS主要是用來樣式化網(wǎng)頁(yè)的，但結(jié)合JavaScript，你可以實(shí)現(xiàn)更復(fù)雜的顏色變化效果，使用JavaScript來動(dòng)態(tài)改變圖標(biāo)顏色：

```javascript

document.querySelector('.icon').style.color = 'yellow';

```