在網頁設計中，圖標使用頻率很高，借助css圖標庫我們可以便捷地在頁面中使用各種圖標。不過圖標的顏色通常是不變的，給人以單調的感覺。那么如何進行css圖標填色呢？本文將介紹幾種實現方式。

1. 使用fontawesome的css自定義樣式

.icon {
color: #0099ff;
}

借助fontawesome的css自定義樣式，我們可以直接在class里增加顏色屬性，實現對圖標顏色的控制。

2. 使用svg

.icon path {
fill: #0099ff;
}

另一種實現方法是通過svg方式，我們可以直接給svg的路徑設置fill屬性，實現圖標填色。

3. 使用color和background-color實現疊加效果

.icon {
color: #fff;
background-color: #0099ff;
display: inline-block;
width: 20px;
height: 20px;
text-align: center;
line-height: 20px;
border-radius: 50%;
font-size: 12px;
}

通過color和background-color實現疊加效果也是很常見的一種方式。我們可以設置圖標的顏色為白色，background-color為我們想要的顏色，并設置一些基本屬性，例如寬高、對齊方式等等。

以上這三種方式都可以幫助我們實現css圖標填色，而具體選擇哪種方式，根據實際需要和效果選擇。