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/310247.svg" alt="Music Alternate icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310247.svg" alt="Music Alternate icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310247.svg" alt="Music Alternate icon" :width="24" :height="24" />
CSS background
.icon-music-alternate {
background-image: url('https://proicons.com/icon/310247.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="M21.984 4.34507V16.4651C21.9823 17.3712 21.673 18.25 21.1067 18.9574C20.5404 19.6648 19.7506 20.159 18.8668 20.359C17.9829 20.5589 17.0574 20.4529 16.2417 20.0581C15.426 19.6634 14.7685 19.0034 14.3769 18.1863C13.9853 17.3691 13.8827 16.4431 14.0861 15.56C14.2894 14.677 14.7865 13.8891 15.4961 13.3255C16.2056 12.7618 17.0855 12.4558 17.9917 12.4576C18.8979 12.4593 19.7766 12.7687 20.484 13.3351V9.33506L10.014 11.2351V17.5351C10.014 18.3262 9.77945 19.0995 9.33993 19.7573C8.9004 20.4151 8.27567 20.9278 7.54476 21.2306C6.81386 21.5333 6.00959 21.6125 5.23367 21.4582C4.45774 21.3039 3.74501 20.9229 3.1856 20.3635C2.62619 19.8041 2.24525 19.0914 2.0909 18.3154C1.93656 17.5395 2.01575 16.7352 2.3185 16.0043C2.62126 15.2734 3.13394 14.6487 3.79174 14.2092C4.44954 13.7697 5.22291 13.5351 6.01403 13.5351C6.93244 13.5369 7.82228 13.8547 8.53405 14.4351V7.02506C8.52297 6.33369 8.75672 5.66068 9.19402 5.12507C9.64203 4.60187 10.2564 4.24877 10.934 4.12507L19.834 2.49506C20.2368 2.42106 20.6528 2.4843 21.0154 2.67466C21.378 2.86502 21.6662 3.17149 21.834 3.54505C21.9455 3.79645 21.9969 4.07037 21.984 4.34507Z" fill="black"/> </svg>
Copied!