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

.icon{
color: red;
}

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

.icon{
fill: red;
}

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

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

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

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