CSS小圖標是一種用來美化網頁的有用工具，它們可以讓你的網頁更加生動、活力十足。那么，如何使用這些小圖標呢？

.icon{
width:16px;
height:16px;
display:inline-block;
background:url(path/to/image.png) no-repeat;
}

在這里，我們定義了一個名為“.icon”的CSS類。通過設置寬度和高度，我們確定了圖標的大小。接下來，我們使用"display:inline-block"來確保多個圖標可以排成一行。最后，我們將背景設置為我們的圖標圖像，并使用"no-repeat"來確保它不會重復出現。

下面是一些圖標的用法示例：

1.搜索圖標：

.search-icon{
background-position:-16px 0;
}

2.分享圖標：

.share-icon{
background-position:-32px 0;
}

3.郵件圖標：

.mail-icon{
background-position:-48px 0;
}

你可以根據自己的需要來使用這些圖標，或者甚至自己創建它們。只要記住，在使用小圖標時，需要先定義好圖標的樣式，然后再將其插入到相應的HTML元素中。