Volume_binding Icon SVG
Volume_binding
Volume_binding SVG Icon Code | Customize color
You can get svg icon volume_binding in blue, white, red color and transparent color from below list. You can also customize color using color picker.
CustomizeSvg Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M6,18.99988A5.99988,5.99988,0,0,1,12,13h4V3a2.00073,2.00073,0,0,0-2-2H4A2.00073,2.00073,0,0,0,2,3V19.001A1.99984,1.99984,0,0,0,4,21H6.34875A5.97625,5.97625,0,0,1,6,18.99988ZM14,2a1,1,0,1,1-1,1A1,1,0,0,1,14,2ZM9,3a5,5,0,1,1-2,9.57788V10H4.42212A4.99113,4.99113,0,0,1,9,3ZM4,2A1,1,0,1,1,3,3,1,1,0,0,1,4,2ZM4,20a1,1,0,1,1,1-1A1,1,0,0,1,4,20Z"/> <circle cx="9" cy="8.00004" r="2"/> <rect x="13" y="18" width="4" height="2"/> <path d="M18,15H16v2h2a2,2,0,0,1,0,4H16v2h2a4,4,0,0,0,0-8Z"/> <path d="M14,21H12a2,2,0,0,1,0-4h2V15H12a4,4,0,0,0,0,8h2Z"/> </svg> Svg Code
<svg style='color: white' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M6,18.99988A5.99988,5.99988,0,0,1,12,13h4V3a2.00073,2.00073,0,0,0-2-2H4A2.00073,2.00073,0,0,0,2,3V19.001A1.99984,1.99984,0,0,0,4,21H6.34875A5.97625,5.97625,0,0,1,6,18.99988ZM14,2a1,1,0,1,1-1,1A1,1,0,0,1,14,2ZM9,3a5,5,0,1,1-2,9.57788V10H4.42212A4.99113,4.99113,0,0,1,9,3ZM4,2A1,1,0,1,1,3,3,1,1,0,0,1,4,2ZM4,20a1,1,0,1,1,1-1A1,1,0,0,1,4,20Z"/> <circle cx="9" cy="8.00004" r="2"/> <rect x="13" y="18" width="4" height="2"/> <path d="M18,15H16v2h2a2,2,0,0,1,0,4H16v2h2a4,4,0,0,0,0-8Z"/> <path d="M14,21H12a2,2,0,0,1,0-4h2V15H12a4,4,0,0,0,0,8h2Z"/> </svg> Svg Code
<svg style='color: red' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M6,18.99988A5.99988,5.99988,0,0,1,12,13h4V3a2.00073,2.00073,0,0,0-2-2H4A2.00073,2.00073,0,0,0,2,3V19.001A1.99984,1.99984,0,0,0,4,21H6.34875A5.97625,5.97625,0,0,1,6,18.99988ZM14,2a1,1,0,1,1-1,1A1,1,0,0,1,14,2ZM9,3a5,5,0,1,1-2,9.57788V10H4.42212A4.99113,4.99113,0,0,1,9,3ZM4,2A1,1,0,1,1,3,3,1,1,0,0,1,4,2ZM4,20a1,1,0,1,1,1-1A1,1,0,0,1,4,20Z"/> <circle cx="9" cy="8.00004" r="2"/> <rect x="13" y="18" width="4" height="2"/> <path d="M18,15H16v2h2a2,2,0,0,1,0,4H16v2h2a4,4,0,0,0,0-8Z"/> <path d="M14,21H12a2,2,0,0,1,0-4h2V15H12a4,4,0,0,0,0,8h2Z"/> </svg> Svg Code
<svg style='color: blue' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M6,18.99988A5.99988,5.99988,0,0,1,12,13h4V3a2.00073,2.00073,0,0,0-2-2H4A2.00073,2.00073,0,0,0,2,3V19.001A1.99984,1.99984,0,0,0,4,21H6.34875A5.97625,5.97625,0,0,1,6,18.99988ZM14,2a1,1,0,1,1-1,1A1,1,0,0,1,14,2ZM9,3a5,5,0,1,1-2,9.57788V10H4.42212A4.99113,4.99113,0,0,1,9,3ZM4,2A1,1,0,1,1,3,3,1,1,0,0,1,4,2ZM4,20a1,1,0,1,1,1-1A1,1,0,0,1,4,20Z"/> <circle cx="9" cy="8.00004" r="2"/> <rect x="13" y="18" width="4" height="2"/> <path d="M18,15H16v2h2a2,2,0,0,1,0,4H16v2h2a4,4,0,0,0,0-8Z"/> <path d="M14,21H12a2,2,0,0,1,0-4h2V15H12a4,4,0,0,0,0,8h2Z"/> </svg> Svg Code
<svg style='color: #f3da35' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path d="M6,18.99988A5.99988,5.99988,0,0,1,12,13h4V3a2.00073,2.00073,0,0,0-2-2H4A2.00073,2.00073,0,0,0,2,3V19.001A1.99984,1.99984,0,0,0,4,21H6.34875A5.97625,5.97625,0,0,1,6,18.99988ZM14,2a1,1,0,1,1-1,1A1,1,0,0,1,14,2ZM9,3a5,5,0,1,1-2,9.57788V10H4.42212A4.99113,4.99113,0,0,1,9,3ZM4,2A1,1,0,1,1,3,3,1,1,0,0,1,4,2ZM4,20a1,1,0,1,1,1-1A1,1,0,0,1,4,20Z"/> <circle cx="9" cy="8.00004" r="2"/> <rect x="13" y="18" width="4" height="2"/> <path d="M18,15H16v2h2a2,2,0,0,1,0,4H16v2h2a4,4,0,0,0,0-8Z"/> <path d="M14,21H12a2,2,0,0,1,0-4h2V15H12a4,4,0,0,0,0,8h2Z"/> </svg> Advance Editor
You can edit volume_binding as below. Change size color and background color of icon using below tool.
Advertisements
Advertisements