當鼠標經過一個圖標時，我們常常希望這個圖標有一些視覺上的變化，比如顏色、大小等等。而這些變化可以用CSS來實現。

首先，在HTML文件中我們需要為圖標添加一個class，比如這里我們使用一個class名為icon：

<i class="icon"></i>

然后，在CSS文件中我們可以為這個class添加一些樣式，比如初始時定義圖標的顏色，背景色，大小等等：

.icon {
color: #999;
background-color: #eee;
font-size: 20px;
}

接下來，當鼠標經過這個圖標時，我們可以使用:hover偽類來改變它的樣式，比如改變它的顏色、背景色等等：

.icon:hover {
color: #333;
background-color: #ccc;
}

最后，將這些代碼整合起來，我們就得到了一個鼠標經過圖標切換CSS的效果：

<i class="icon"></i>
.icon {
color: #999;
background-color: #eee;
font-size: 20px;
}
.icon:hover {
color: #333;
background-color: #ccc;
}

這樣，當鼠標經過這個圖標時，它的顏色和背景色就會隨之改變。