CSS是網頁設計中一個重要的技術，可以使得網頁看起來更加美觀和專業。通過CSS的應用，我們可以實現很多有趣的效果，比如點擊后圖標變色。

想要實現點擊后圖標變色，我們需要定義兩種樣式，一種是正常狀態下的樣式，一種是點擊狀態下的樣式。我們可以利用CSS中偽類的特性來表示這兩種狀態。在正常狀態下，我們可以使用如下代碼定義圖標的樣式：

.icon {
color: #333;
}

在點擊狀態下，我們希望圖標的顏色變成另外一種顏色，比如紅色。我們可以使用如下代碼表示這種狀態：

.icon:active {
color: #f00;
}

上述代碼中，我們使用了偽類:active來表示點擊狀態下的樣式。這個偽類表示當鼠標按下時，元素處于激活狀態。同時，我們將字體顏色設置為紅色。

通過以上的設置，我們就可以實現點擊后圖標變色的效果了。當用戶點擊圖標時，它的顏色就會變成紅色，松開鼠標后又會變回原來的顏色。