CSS3 提供了多種實現符號的方法，下面將分別介紹。

/* 1. 使用字體圖標 */
@font-face {
font-family: myIcon;
src: url('myIcon.ttf');
}
.icon {
font-family: myIcon;
color: red;
}
?

上述代碼中，我們使用了一個字體圖標庫，將圖標字體加載到頁面中。然后在 CSS 文件中，我們定義了一個類名為 icon 的樣式，指定字體為 myIcon，并設置顏色為紅色。最后，我們在 HTML 代碼中使用該類名，然后將字體設置為相應圖標的編碼即可。

/* 2. 使用偽元素和特殊字符 */
.icon:before {
content: "\f101";
font-family: FontAwesome;
color: red;
}

上述代碼中，我們使用了偽元素 before 和特殊字符，對一個空白的 div 元素進行裝飾。在 CSS 文件中，我們定義了一個類名為 icon 的樣式，使用 before 偽元素，并使用 content 屬性，指定特殊字符的編碼。然后在 HTML 代碼中，我們只需要添加一個空白的 div 元素，再給它一個 icon 類名即可。

/* 3. 使用 CSS3 中的變形 */
.icon {
width: 30px;
height: 30px;
position: relative;
}
.icon:before {
content: "";
width: 0;
height: 0;
position: absolute;
top: -10px;
left: 11px;
border-top: 10px solid transparent;
border-right: 10px solid green;
border-bottom: 10px solid transparent;
transform: rotate(-45deg);
}

上述代碼中，我們使用 CSS3 中的變形，對一個空白的 div 元素進行裝飾，實現了一個箭頭的形狀。在 CSS 文件中，我們定義了一個類名為 icon 的樣式，設置了寬高以及相對定位。然后使用 before 偽元素，設置了邊框的樣式，并通過 transform 屬性旋轉了箭頭的方向。最后，在 HTML 代碼中，我們只需要添加一個空白的 div 元素，再給它一個 icon 類名即可。