Music Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Music 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/310248.svg" alt="Music icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310248.svg" alt="Music icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310248.svg" alt="Music icon" :width="24" :height="24" />
CSS background
.icon-music {
background-image: url('https://proicons.com/icon/310248.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="M20.82 6.48932V7.48932C20.8187 7.95476 20.7092 8.41352 20.5 8.82932C20.297 9.2487 19.9992 9.61505 19.63 9.89932C19.2614 10.1807 18.8342 10.3755 18.38 10.4693C18.1791 10.5091 17.9748 10.5292 17.77 10.5293C17.5107 10.5296 17.2523 10.4994 17 10.4393L12.76 9.23932V17.4593C12.7626 18.5622 12.3846 19.6322 11.6898 20.4886C10.9949 21.3451 10.0258 21.9355 8.94605 22.1602C7.86631 22.3849 6.7421 22.2302 5.76325 21.7221C4.78439 21.214 4.01085 20.3837 3.57325 19.3713C3.13564 18.359 3.06076 17.2267 3.36127 16.1655C3.66178 15.1044 4.31928 14.1795 5.22272 13.5469C6.12616 12.9143 7.22018 12.6129 8.3201 12.6935C9.42002 12.7741 10.4584 13.2318 11.26 13.9893V2.45932C11.2495 2.39307 11.2495 2.32556 11.26 2.25931V2.17932C11.2794 2.13399 11.3029 2.09048 11.33 2.04932C11.4412 1.88962 11.6094 1.77867 11.8 1.73932H11.95H12.15H12.24L18.54 3.52933C19.1826 3.70231 19.7495 4.08405 20.1514 4.61447C20.5533 5.14489 20.7674 5.79388 20.76 6.45932L20.82 6.48932Z" fill="black"/> </svg>
Music in other icon packs
Copied!