Volume Bar Icon
Free SVG icon from the IcoFont collection. Download or copy for use in any project.
The Volume Bar icon is available as a free SVG and is ready to drop into any web or app project.
img tag
<img src="https://proicons.com/icon/306888.svg" alt="Volume Bar icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/306888.svg" alt="Volume Bar icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/306888.svg" alt="Volume Bar icon" :width="24" :height="24" />
CSS background
.icon-volume-bar {
background-image: url('https://proicons.com/icon/306888.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="64" height="64" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M489 426V233c0-26-15-35-37-22-81 44-160 89-241 133-7 4-9 8-9 17v281c0 4 0 8 5 10 82 44 164 89 247 132 20 11 35 1 35-22V574c0-7 2-12 6-17 28-32 28-79 1-112-5-6-7-12-7-19zm473-113c-30-73-75-134-135-185-4-4-7-5-11-1-18 19-36 37-55 55-4 4-3 6 1 9 11 9 22 19 32 29 93 97 130 213 110 345-15 98-63 179-140 243-5 4-5 6 0 11 18 17 36 35 53 53 5 5 8 4 12 0 21-18 40-37 58-59 74-90 112-194 113-313 0-64-12-127-38-187zM840 439c-16-82-56-150-120-204-5-4-8-4-13 1-16 17-33 34-50 51-6 5-7 8 0 14 80 66 111 150 92 252-11 60-42 109-91 147-6 5-6 7 0 13 16 16 32 31 48 48 7 8 12 8 20 1 78-70 117-157 119-261 0-21-2-41-5-62zm-688-82H43c-26 0-43 17-43 44v199c0 25 18 43 42 43h110c7 0 9-2 9-9V501 366c0-7-2-9-9-9zm457-11c-4-2-6-6-12 0-18 19-37 37-56 56-4 4-3 6 2 9 71 42 68 139 2 179-6 3-5 5-1 9 18 18 36 35 53 54 6 5 9 5 15 0 47-39 72-89 74-153-1-62-27-114-77-154z"/></svg>
More from IcoFont
View all
Copied!