CSS中的icon是指用于網頁中的小圖標，主要用于美化網頁的作用。通常使用字體圖標或者圖片來呈現。

/*使用字體圖標*//*使用圖片*/
.icon{
background-image: url('icon.png');
background-size: contain;
width: 20px;
height: 20px;
}

使用字體圖標有以下幾個優點：

• 可以調整顏色和大小，不受圖片像素限制
• 具有良好的兼容性，不用考慮不同設備和瀏覽器不同的顯示效果問題
• 可以通過unicode碼調用，方便易用

使用圖片來呈現icon，優點是可以用高質量圖片來表現，但是可能存在以下問題：

• 圖片像素限制，不能無限縮放
• 如果使用了大量圖片，可能會影響頁面加載速度
• 圖片格式不同，不同瀏覽器可能出現顯示差別

在實際開發中，可以根據具體情況來選擇使用字體圖標還是圖片呈現icon。如果icon的樣式比較簡單，建議使用字體圖標，否則使用圖片來展示更為合適。