CSS 可以利用偽元素來改變圖標。如下所示：

.icon {
display: inline-block;
width: 20px;
height: 20px;
margin-right: 5px;
}
.icon:before {
content: "\f0c9";
font-family: "FontAwesome";
font-size: 14px;
color: #333;
}
.icon.success:before {
content: "\f058";
color: green;
}

上述代碼中，.icon類被添加到需要改變圖標的元素上，使用偽元素:before來添加圖標。使用content屬性來設置圖標的 Unicode 碼，可通過在線字體庫獲取對應的 Unicode 碼。同時，還需要指定字體家族font-family來將所需要的字體導入到頁面中。

你還可以為不同類型的圖標添加不同的樣式：

<div class="icon success"></div>

如上所示，在需要改變圖標的標簽上添加額外的類success，在 CSS 代碼中使用新的偽元素樣式。這時候其實就利用了.icon.success:before來選擇實現不同的效果了。