在前端開發中，圖標（icon）含義豐富且非常重要，可以給用戶提供更良好的視覺體驗。在網頁中使用圖標有多種實現方式，其中之一是使用CSS來寫Icon，這樣可以減少HTTP請求，一定程度上提高網頁性能。

.icon-heart {
display: inline-block;
width: 16px;
height: 16px;
background-image: url('heart.png'); 
background-repeat: no-repeat;
background-size: 100% 100%;
}

上述代碼展示了一個使用CSS寫Icon的例子，首先聲明了一個名為.icon-heart的class選擇器，然后設置其顯示方式為inline-block，定義了寬高分別為16px，接著設置背景圖片為heart.png，不重復顯示，并將圖片填充整個背景框。

使用CSS寫Icon的最大優點是可以通過修改CSS樣式靈活地改變圖標的顏色、大小等外觀，例如可以通過下面的代碼改變.icon-heart的顏色：

.icon-heart {
color: red;
}

該代碼可將.icon-heart的顏色設為紅色。

總的來說，使用CSS寫Icon是一種非常便捷的方式，它不僅減少了HTTP請求，也提高了網頁性能，同時也可以輕松地改變圖標樣式，為網頁增色不少。