CSS3樣式圖標是在網頁設計中經常用到的元素之一，它可以為網頁加入更多的美感和趣味性，同時也可以增加網頁設計的表現力和信息傳遞。

使用CSS3樣式圖標需要了解CSS3的屬性和選擇器，下面給出一個簡單的例子。

.icon {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: middle;
background: url(icon.svg) no-repeat center center / contain;
}

上面的代碼定義了一個.icon類，其中包括了以下屬性：

• display: inline-block;將元素定義為行內塊元素，使得多個圖標可以自然排列在一行中。
• width: 1em; 設置圖標的寬度和高度為1個字母的大小，方便在頁面排版中使用。
• vertical-align: middle; 將圖標垂直居中對齊。
• background: url(icon.svg) no-repeat center center / contain; 設置圖標的背景圖片為icon.svg，保持圖標在中心位置，并將背景圖自適應鋪滿元素。

當然，上述代碼中的icon.svg需要提前準備好。下面是一個icon.svg的示例代碼：

其中的標簽定義了圖標的形狀路徑，這里的樣例為一個左右箭頭的圖標。

需要注意的是，在使用圖標的過程中，我們可以根據情況定義不同的類名，并使用不同的背景圖片和路徑，以此來實現不同的樣式和形狀。

總結而言，CSS3樣式圖標是網頁設計中的一個非常有用的元素，相比于圖片，它具有更多選擇和自由，同時也能提升用戶的體驗和頁面的交互性。