CSS小圖標是指一些簡單但功能強大的小圖形，可以用于美化網頁界面、強調重點內容或作為鏈接的提示。以下是一些用CSS創建小圖標的實例：

/* 實例1：創建一個具有箭頭形狀的小圖標 */
.arrow-icon {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid black;
}
/* 實例2：創建一個用于加粗文本的小圖標 */
.bold-icon::before {
content: "\f032";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 14px;
margin-right: 5px;
color: #333;
}
/* 實例3：創建一個用于強調警告的小圖標 */
.warning-icon::before {
content: "\f071";
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
font-size: 14px;
margin-right: 5px;
color: #ff9800;
}

在創建小圖標時，我們通常會利用偽元素來實現。比如，通過設置:before或:after偽元素的content屬性，可以在元素前面或后面添加一個小圖標。同時，我們也可以利用CSS3的各種效果（如圓角、漸變等）來增加小圖標的樣式。

同時，我們也可以通過引入其它庫（如FontAwesome、Ionicons等）來使用更多的小圖標。這些庫提供了大量的小圖標，可以通過簡單的CSS代碼就可以使用。例如，以下是使用FontAwesome庫的代碼示例：

/* 引入FontAwesome庫 *//* 使用FontAwesome中的小圖標 */

通過使用這些庫，我們可以快速地為網頁添加美觀、有趣的小圖標，同時也可以減少代碼量，提高開發效率。