CSS動畫小圖標是更加生動、有趣、時尚的網站設計中常用的效果之一，它可以通過CSS3的動畫屬性來實現。下面是一些關于CSS動畫小圖標的基礎知識。

.icon {
animation-name: myanimation;
animation-duration: 2s;
animation-iteration-count: infinite;
}
@keyframes myanimation {
0% { transform: rotate(0deg); }
50% { transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}

CSS動畫小圖標的創建通常需要使用CSS3的關鍵幀動畫技術。定義好動畫后，在HTML中添加一個元素，并為其添加CSS樣式，就可以實現簡單的動畫效果。

使用CSS3的屬性animation-name來定義一個動畫的名稱。使用animation-duration屬性指定動畫的持續時間。使用animation-iteration-count屬性指定動畫的循環次數，這里使用了infinite表示無限循環。

定義好動畫之后，還需要使用@keyframes規則，為動畫定義關鍵幀。在上述代碼中，使用了三個關鍵幀進行了定義，分別為動畫開始、中間、結束時的狀態。transform屬性可以使圖標進行旋轉，最終實現旋轉動畫效果。

需要注意的是，在CSS動畫小圖標的使用過程中，還需要針對不同的瀏覽器進行兼容處理，以確保在所有瀏覽器中均能正常運行。另外，也需要適量地使用動畫效果，以避免影響網站的速度和用戶體驗。