CSS中的icon是指用于网页中的小图标，主要用于美化网页的作用。通常使用字体图标或者图片来呈现。

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

使用字体图标有以下几个优点：

• 可以调整颜色和大小，不受图片像素限制
• 具有良好的兼容性，不用考虑不同设备和浏览器不同的显示效果问题
• 可以通过unicode码调用，方便易用

使用图片来呈现icon，优点是可以用高质量图片来表现，但是可能存在以下问题：

• 图片像素限制，不能无限缩放
• 如果使用了大量图片，可能会影响页面加载速度
• 图片格式不同，不同浏览器可能出现显示差别

在实际开发中，可以根据具体情况来选择使用字体图标还是图片呈现icon。如果icon的样式比较简单，建议使用字体图标，否则使用图片来展示更为合适。