CSS類圖標是指使用純CSS代碼來繪制的圖標，而不是使用圖片。這種方式的好處是可以減少網頁加載時間，提高用戶體驗，同時也可以減少服務器的負載。下面我們來介紹一下如何實現CSS類圖標。

// HTML代碼
<i class="icon-heart"></i>
// CSS代碼
.icon-heart:before {
content: "\2665";
font-family: 'Arial';
}

如上述代碼所示，我們在HTML代碼中使用<i>標簽，并給它添加了一個class為icon-heart，然后在CSS代碼中使用.icon-heart:before來定義樣式。其中的:before偽元素用于創建一個在內容前面的偽元素，并通過content屬性來添加Unicode字符，這里的Unicode字符為2665，也就是心形符號，font-family屬性用于指定字體。

除了心形符號外，我們還可以使用其他的Unicode字符，例如鉤形符號、叉形符號、三角形符號等等，具體可以在網上查找相關資料。同時，我們也可以通過調整字體大小、顏色、旋轉等方式來實現不同的效果。

// HTML代碼
<i class="icon-check"></i>
// CSS代碼
.icon-check:before {
content: "\2714";
font-family: 'Arial';
color: green;
font-size: 20px;
transform: rotate(45deg);
}

如上述代碼所示，我們通過調整字體大小、顏色、旋轉等方式，實現一個綠色的鉤形符號，并將其旋轉了45度。

綜上所述，CSS類圖標是一種非常方便、實用的方式，可以幫助我們實現各種不同的圖標效果，同時也可以提高網頁加載速度和用戶體驗。