Music Alternate Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Music Alternate icon is commonly used in audio players, playlist apps and music streaming UIs. Available as a free SVG - copy the code or download directly.
img tag
<img src="https://proicons.com/icon/310880.svg" alt="Music Alternate icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310880.svg" alt="Music Alternate icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310880.svg" alt="Music Alternate icon" :width="24" :height="24" />
CSS background
.icon-music-alternate {
background-image: url('https://proicons.com/icon/310880.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.9851 19.7026C19.7882 19.7026 21.2498 18.2409 21.2498 16.4379C21.2498 14.6349 19.7882 13.1732 17.9851 13.1732C16.1821 13.1732 14.7205 14.6349 14.7205 16.4379C14.7205 18.2409 16.1821 19.7026 17.9851 19.7026Z" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M6.01468 20.7908C7.81771 20.7908 9.27935 19.3292 9.27935 17.5262C9.27935 15.7231 7.81771 14.2615 6.01468 14.2615C4.21165 14.2615 2.75 15.7231 2.75 17.5262C2.75 19.3292 4.21165 20.7908 6.01468 20.7908Z" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M21.2498 16.4379V8.42859" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M9.27936 17.5262V10.605" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M21.2499 8.42862L9.2794 10.6051V7.0357C9.271 6.52034 9.44576 6.01872 9.77259 5.62016C10.0994 5.22159 10.5571 4.95195 11.0641 4.85925L19.9658 3.22691C20.1242 3.1979 20.287 3.20441 20.4426 3.24595C20.5981 3.28749 20.7425 3.36303 20.8654 3.46713C20.9882 3.57123 21.0864 3.70129 21.1529 3.84793C21.2194 3.99457 21.2525 4.15414 21.2499 4.31513V8.42862Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Copied!