CSS3 icon是現代網頁設計中常用的一種圖標字體，它可以通過在HTML中引入字體文件，使用Unicode編碼來簡化圖標的使用，以達到方便、快捷、美觀的效果。

其中，圖標的顏色是CSS3 icon使用中非常重要的一部分。在CSS3 icon中，使用屬性color可以設置圖標的顏色。

.icon {
font-family: 'CSS3 Icon';
color: #ff8c00;
}

代碼中的color屬性可以接受多種顏色的表示方式，如十六進制、RGB等。

.icon {
font-family: 'CSS3 Icon';
color: rgb(255, 140, 0);
}

同時，也可以通過偽元素的::before和::after來設置不同顏色的圖標：

.icon::before {
content: "\f05a"; /* 使用Unicode編碼 */
color: #ff8c00;
}
.icon::after {
content: "\f05a"; /* 使用Unicode編碼 */
color: #00bfff;
}

通過這種方法，可以為不同狀態或不同需求的圖標設置不同的顏色，達到更好的視覺效果。