在網頁設計中，圖標的作用不言而喻，它們可以增加網頁的美觀性，也可以為用戶提供更直觀、易懂的信息。而在CSS中，使用圖標也有多種方法，下面將為大家介紹一些簡單易懂的使用方法。

1. 使用字體圖標

.icon {
font-family: "icomoon";
}

這里我們使用了一個叫做“icomoon”的字體庫。你可以選擇其他的字體庫，例如FontAwesome。使用字體圖標的好處在于，可以方便地使用CSS屬性對它們進行樣式修改，如修改字體大小、顏色、陰影等效果。

2. 使用SVG圖標

.svg-icon {
width: 24px;
height: 24px;
background-image: url("icon.svg");
}

SVG圖標可以使用CSS進行樣式修改，同樣非常方便。使用SVG圖標的一大好處是它們可以在不同大小的屏幕上進行縮放而不失真。

3. 使用png或jpg圖標

.png-icon {
width: 24px;
height: 24px;
background-image: url("icon.png");
}

使用png或jpg圖標也是一種不錯的選擇，但是它們在進行縮放時容易失真。使用這種方法需要注意圖片的格式和大小，避免影響頁面性能。

最后，以上只是使用圖標的簡單方法，如何應用到具體的網頁設計中，需要根據你的實際需求進行選擇。希望這些方法能對你有所幫助。