圖標(biāo)顏色在網(wǎng)頁設(shè)計(jì)中扮演著非常重要的角色，能夠凸顯出品牌的特色和形象。CSS提供了多種方式來改變圖標(biāo)的顏色，下面將討論其中幾種方法。

.icon{
color: red;
}

最簡單的方法就是通過color屬性來改變圖標(biāo)的顏色，這也是最常用的方法。不過需要注意，color屬性只能作用于文字和圖標(biāo)的字體顏色，如果圖標(biāo)沒有設(shè)置字體，則無法起到效果。

.icon{
fill: red;
}

如果圖標(biāo)是SVG格式的，那么可以使用fill屬性來改變顏色。不過需要注意，fill屬性只能作用于可以被填充的圖形元素，不包括任何線條。

.icon{
background-color: red;
-webkit-mask-image: url('icon.svg');
mask-image: url('icon.svg');
}

還有一種方法是使用背景色加遮罩圖像的方式來改變圖標(biāo)顏色。需要先設(shè)置背景色，然后用遮罩圖像來裁剪成目標(biāo)圖標(biāo)。需要注意，這種方法只有在現(xiàn)代瀏覽器上才能被支持。

綜上所述，改變圖標(biāo)顏色的方法有很多種，需要根據(jù)實(shí)際情況來選擇適合的方法。同時(shí)，也要注意兼容性問題，盡可能避免使用不受支持的屬性和方式。