圖標在網頁設計中占據了很大的比重，而制作圖標的方式也有很多種。最近，有一種新興的制作圖標的方式受到了廣泛的歡迎，那就是使用CSS制作。而CSS制作圖標的工具也隨之出現，下面介紹幾款常用的圖標CSS制作工具。

.icon-heart:before {
content: "";
display: inline-block;
width: 0;
height: 0;
border-top: solid 20px #ff002e;
border-left: solid 20px transparent;
border-right: solid 20px transparent;
position: relative;
top: -20px;
left: 5px;
}

1. Font Awesome

Font Awesome是一個廣泛使用的圖標字體庫，提供了超過1500個圖標樣式，可直接在網頁中使用。安裝簡單，只需在HTML文件中插入鏈接即可開始使用。該工具支持多種圖標的樣式選擇、顏色調整等功能。

2. IcoMoon

IcoMoon是一款在線圖標制作工具，提供了多種基本形狀供用戶選擇，也可自主上傳目標圖標進行編輯操作。其獨特的預覽功能，可用于實時查看圖標樣式是否符合要求。

.icon-star:before {
content: "";
display: inline-block;
width: 12px;
height: 12px;
border-right: 6px solid transparent;
border-bottom: 12px solid #666;
border-left: 6px solid transparent;
transform: rotate(35deg);
margin-right: 4px;
}

3. FlatIcon

FlatIcon提供了數以萬計的可下載可編輯的矢量圖標素材，同時還提供了在線制作圖標的工具。用戶可根據自身需求選擇不同的圖標形狀、顏色、尺寸等屬性，制作出符合自己需求的圖標樣式。

以上是目前常用的三款圖標CSS制作工具，它們各有特點，供用戶進行選擇。無論哪一種工具，都能夠方便快捷地制作出美觀、實用的圖標樣式。