Icon是網頁設計中非常重要的一個元素，能夠為網頁增添許多美觀的效果。在CSS中，使用icon時，我們可以采用矢量圖形、圖標字體、SVG以及CSS Sprites等方式來實現。其中，CSS Sprites是一種非常常用的技術，它能夠將多個小圖標拼接成一張大圖，并在頁面中運用，從而減少HTTP請求次數，提高網頁性能。

.icon {
background-image: url(sprite.png);
background-repeat: no-repeat;
}
.icon-twitter {
background-position: -20px -10px;
width: 16px;
height: 16px;
}
.icon-facebook {
background-position: -40px -10px;
width: 16px;
height: 16px;
}

在上述代碼中，我們將兩個小圖標拼接到一張大圖中，然后通過background-position屬性控制顯示哪個小圖標。

總之，使用icon能夠為網頁增添美觀的效果，而在實現時，可以采用多種方式，如矢量圖形、圖標字體、SVG以及CSS Sprites等。在選擇實現方式時，我們要根據具體的需求來選擇。