Music Circle Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Music Circle 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/310878.svg" alt="Music Circle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310878.svg" alt="Music Circle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310878.svg" alt="Music Circle icon" :width="24" :height="24" />
CSS background
.icon-music-circle {
background-image: url('https://proicons.com/icon/310878.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"> <rect x="2.5" y="2.5" width="19" height="19" rx="9.5" stroke="black" stroke-width="1.5"/> <path d="M9.66665 17.5C10.9553 17.5 12 16.4553 12 15.1666C12 13.878 10.9553 12.8333 9.66665 12.8333C8.37798 12.8333 7.33331 13.878 7.33331 15.1666C7.33331 16.4553 8.37798 17.5 9.66665 17.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M12 15.1667V6.5" stroke="black" stroke-width="1.5" stroke-linecap="round"/> <path d="M12 6.5L15.7 7.55333C15.9782 7.63291 16.223 7.80082 16.3973 8.03172C16.5717 8.26262 16.6663 8.54398 16.6667 8.83334V9.39334C16.666 9.59646 16.619 9.79675 16.5291 9.97892C16.4392 10.1611 16.3089 10.3203 16.1481 10.4444C15.9873 10.5686 15.8003 10.6543 15.6013 10.6951C15.4024 10.736 15.1967 10.7308 15 10.68L12 9.83334" stroke="black" stroke-width="1.5" stroke-linecap="round"/> </svg>
More from Mage Icons
View all
Music Circle in other icon packs
Copied!