CSS自動播放音樂圖標是現代網頁開發中常見的一種效果。通過CSS編寫，實現網頁自動播放音樂，并帶有音樂播放圖標，以吸引用戶的注意力。

下面是一個CSS自動播放音樂圖標的例子。

/* 音樂圖標樣式 */
.music-icon {
width: 50px;
height: 50px;
background: url(./music-icon.png) no-repeat;
background-size: contain;
animation: music-play 2s linear infinite;
}
/* 音樂播放動畫 */
@keyframes music-play {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* 音樂自動播放 */
.audio {
display: none;
}
/* 頁面加載時自動播放音樂 */
window.onload = function() {
var audio = document.getElementById('audio');
audio.play();
}

例子中，CSS通過設置音樂圖標的樣式，并添加音樂播放動畫，來實現音樂圖標的效果。同時，通過設置音樂自動播放，來實現網頁自動播放音樂的效果。

需要注意的是，自動播放音樂可能會影響用戶體驗，并且某些瀏覽器可能會禁止自動播放。因此，應該根據實際情況來決定是否使用自動播放音樂。