Sound Wave Icon SVG
Sound Wave
Sound wave SVG Icon Code | Customize color
You can get svg icon sound wave in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSound wave
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="M6 14V12C6 8.68629 8.68629 6 12 6H36C39.3137 6 42 8.68629 42 12V14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M32 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M40 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M24 15V33" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M16 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M8 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/><path d="M6 34V36C6 39.3137 8.68629 42 12 42H36C39.3137 42 42 39.3137 42 36V34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round"/></svg> Sound wave
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="M6 14V12C6 8.68629 8.68629 6 12 6H36C39.3137 6 42 8.68629 42 12V14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M32 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M40 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M24 15V33" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M16 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M8 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path><path d="M6 34V36C6 39.3137 8.68629 42 12 42H36C39.3137 42 42 39.3137 42 36V34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="white"></path></svg> Sound wave
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="M6 14V12C6 8.68629 8.68629 6 12 6H36C39.3137 6 42 8.68629 42 12V14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M32 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M40 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M24 15V33" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M16 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M8 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path><path d="M6 34V36C6 39.3137 8.68629 42 12 42H36C39.3137 42 42 39.3137 42 36V34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="red"></path></svg> Sound wave
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="M6 14V12C6 8.68629 8.68629 6 12 6H36C39.3137 6 42 8.68629 42 12V14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M32 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M40 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M24 15V33" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M16 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M8 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path><path d="M6 34V36C6 39.3137 8.68629 42 12 42H36C39.3137 42 42 39.3137 42 36V34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="blue"></path></svg> Sound wave
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="M6 14V12C6 8.68629 8.68629 6 12 6H36C39.3137 6 42 8.68629 42 12V14" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M32 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M40 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M24 15V33" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M16 18V30" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M8 20V28" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path><path d="M6 34V36C6 39.3137 8.68629 42 12 42H36C39.3137 42 42 39.3137 42 36V34" stroke="#333" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#f3da35"></path></svg> Advance Editor
You can edit sound wave as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements