Add Music Icon SVG
Add Music
Add music SVG Icon Code | Customize color
You can get svg icon add music in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeAdd music
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 24V17.0718L26 20.5359L32 24L26 27.4641L20 30.9282V24Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M37.0508 32L37.0508 42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 36.9497L32 36.9497" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Add music
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: white' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 24V17.0718L26 20.5359L32 24L26 27.4641L20 30.9282V24Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M37.0508 32L37.0508 42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 36.9497L32 36.9497" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Add music
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: red' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 24V17.0718L26 20.5359L32 24L26 27.4641L20 30.9282V24Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M37.0508 32L37.0508 42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 36.9497L32 36.9497" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Add music
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: blue' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 24V17.0718L26 20.5359L32 24L26 27.4641L20 30.9282V24Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M37.0508 32L37.0508 42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 36.9497L32 36.9497" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Add music
DownloadSvg Code
<?xml version="1.0" encoding="UTF-8"?><svg style='color: #f3da35' width="45" height="45" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M24 44C12.9543 44 4 35.0457 4 24C4 12.9543 12.9543 4 24 4C35.0457 4 44 12.9543 44 24" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M20 24V17.0718L26 20.5359L32 24L26 27.4641L20 30.9282V24Z" fill="none" stroke="#333" stroke-width="1" stroke-linejoin="round"/><path d="M37.0508 32L37.0508 42" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M42 36.9497L32 36.9497" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Advance Editor
You can edit add music as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements