浮動圖標是Web開發中經常使用的元素之一，而CSS是實現效果的重要方式。那么，本文將介紹與浮動圖標相關的CSS知識。

.icon {
float: left; /*左浮動*/
width: 30px;
height: 30px;
margin-right: 10px;
}

如上代碼所示，我們使用了float屬性，并將其設置為left，使圖標左浮動。接著，我們對圖標進行了寬度、高度、右邊距等的設置。

看下面這段代碼，我們可以實現在鼠標懸停時改變圖標的顏色。

.icon:hover {
color: red;
}

這里，我們使用了:hover偽類選擇器，表示當鼠標懸停在.icon元素上時，修改其顏色為red。同時，我們也可以使用其他CSS規則來實現不同的效果。

還可以通過CSS實現圖標的自適應，如下所示：

.icon img {
max-width: 100%;
height: auto;
}

我們使用了CSS選擇器 .icon img 來選擇圖標元素中的圖片，并設置了最大寬度為100%，高度為auto。這樣，當瀏覽器窗口大小變化時，圖標會隨之自適應調整大小。

綜上所述，浮動圖標實現起來還是比較簡單的，通過簡單的CSS屬性設置，可以實現各種效果。