CSS3圖標漸變效果是Web設計中非常實用的一種技術，經常用于各種類型的網站圖標、導航欄等元素設計。下面介紹一些常用的漸變效果:

.icon {
background-color: #f2f2f2;
border-radius: 50%;
width: 50px;
height: 50px;
display: inline-block;
margin-right: 10px;
}
.gradient {
background: linear-gradient(to bottom, #9b2d30 0%, #b24c56 100%);
}
.rainbow {
background: linear-gradient(to right, #f00 0%, #ff7f00 20%, #ff0 40%, #0f0 60%, #00f 80%, #8b00ff 100%);
}
.neon {
background: linear-gradient(90deg, #f4d942 0%, #f81d1d 25%, #8a00ff 50%, #1c92dc 75%, #31cf17 100%);
}

代碼說明：

• 將圓形圖標的背景色設置為灰色。
• 設置圖標為圓形，寬高均為50像素，使其垂直對齊。
• linear-gradient漸變函數可以實現從一種顏色到另一種顏色的平滑過渡，可以根據需求指定方向。
• gradient: 定義從紅色到紫色的線性漸變背景。
• rainbow: 定義從紅色到紫色的彩虹背景。
• neon: 定義了從黃色到綠色的霓虹漸變背景。

以上是一些基礎的CSS3圖標漸變效果，可以根據需要自行調整。注：因不同瀏覽器支持CSS3的程度不同，建議還是先檢測一下瀏覽器兼容性再進行應用。