蘋果圖標是一款非常流行的圖標，在網站設計中被廣泛應用。使用CSS來制作蘋果圖標非常簡單，下面我們來講一下具體的實現方法。

.apple-icon {
width: 50px;
height: 50px;
border-radius: 50%;
background: linear-gradient(to right, #f6d365 0%, #fda085 100%);
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
display: flex;
justify-content: center;
align-items: center;
color: white;
font-size: 24px;
font-weight: bold;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

首先，我們創建一個類名為 ".apple-icon" 的 CSS 類，設置它的寬度為50像素，高度為50像素，并設置邊框半徑為50%來創建圓形的樣式。接著，使用CSS的背景顏色漸變功能創建一個從左到右的線性漸變，將漸變起點顏色設置為 #f6d365，漸變終點顏色設置為 #fda085，這將為圖標添加顏色。我們還可以通過添加一個背景盒陰影來增加圖標的深度感。

接下來，我們將 ".apple-icon" 類的顯示屬性設置為 "flex"，使其成為一個彈性容器。然后，使用justify-content和align-items屬性將其內部的文本內容居中對齊。并且使用白色字體將字體大小設置為24像素及加粗。 我們還可以通過設置文本的陰影來為圖標添加更多的深度感，這可以使用text-shadow屬性來實現。

最后，將類名為 "apple-icon" 的CSS類應用到任何樣式表中，以創建一個現代、漂亮的蘋果圖標。