CSS圓形圖標可以很容易地通過CSS代碼來設置。下面是幾個步驟，可以幫助您設置CSS圓形圖標。

.step1 {
border-radius: 50%;
width: 100px;
height: 100px;
background-color: #333;
}

在上面的CSS代碼中，我們首先設置了一個DIV元素。我們使用了border-radius屬性來設置DIV元素的半徑為50％，這樣它就變成了一個圓形元素。

然后，我們設置了DIV元素的寬度和高度都為100px，這是為了確保我們的圓形圖標是正圓的。最后，我們添加了一個背景顏色為#333，你可以把它改成你喜歡的顏色。

.step2 {
border: 1px solid #333;
display: inline-block;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
line-height: 50px;
font-size: 30px;
}

上面的CSS代碼顯示了一個更完整的CSS圓形圖標的設置。我們使用了border屬性來添加一個細邊框。我們使用了display: inline-block;來確保圓形圖標在行內顯示。我們設置了寬度和高度都為50px來保持圓形圖標的大小。

注意，我們仍然使用了border-radius屬性將元素設置為圓形，line-height屬性設置為50px來確保圖標位于圓形中央，并將文本居中（使用text-align屬性和font-size屬性）。

通過以上的CSS代碼，你可以在你的網站上創(chuàng)建一個漂亮的CSS圓形圖標！