Color

Mage Icons

Music Icon

Free SVG icon from the Mage Icons collection. Download or copy for use in any project.

Collection: Mage Icons
Format: SVG, Font, PNG
License: Apache 2.0 - Free for commercial use
Style: Outline
Tags: music audio sound play song note

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/310881.svg" alt="Music icon" width="24" height="24">

React JSX

<img src="https://proicons.com/icon/310881.svg" alt="Music icon" width={24} height={24} />

Vue template

<img
  src="https://proicons.com/icon/310881.svg"
  alt="Music icon"
  :width="24"
  :height="24"
/>

CSS background

.icon-music {
  background-image: url('https://proicons.com/icon/310881.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="M7.9697 21.5C10.1956 21.5 12 19.6956 12 17.4697C12 15.2438 10.1956 13.4394 7.9697 13.4394C5.74382 13.4394 3.93939 15.2438 3.93939 17.4697C3.93939 19.6956 5.74382 21.5 7.9697 21.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
<path d="M12 17.4697V2.5" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
<path d="M12 2.5L18.3909 4.3194C18.8714 4.45684 19.2942 4.74686 19.5954 5.1457C19.8966 5.54453 20.0599 6.03052 20.0606 6.53031V7.49758C20.0595 7.84843 19.9782 8.19439 19.823 8.50904C19.6677 8.82368 19.4427 9.0987 19.1649 9.31311C18.8872 9.52751 18.5642 9.67562 18.2205 9.74614C17.8768 9.81666 17.5215 9.80772 17.1818 9.72001L12 8.25758" stroke="black" stroke-width="1.5" stroke-linecap="round"/>
</svg>

Music in other icon packs

Feather Icons

Eva Icons Filled

Metro UI Dock

Old School Icons

Forge Icons

Hicon

Copied!

Music Icon

More from Mage Icons

Music in other icon packs