Volume Up Svg Icon
Free SVG icon from the IconaMoon collection. Download or copy for use in any project.
The Volume Up Svg 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/309023.svg" alt="Volume Up Svg icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/309023.svg" alt="Volume Up Svg icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/309023.svg" alt="Volume Up Svg icon" :width="24" :height="24" />
CSS background
.icon-volume-up---svg {
background-image: url('https://proicons.com/icon/309023.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"> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.51 6.30339C13.2548 4.8374 11.5778 4.23802 10.4269 5.05383L7.94134 6.81582C7.77231 6.93564 7.57022 7 7.36303 7H5C3.34315 7 2 8.34315 2 10V14C2 15.6569 3.34315 17 5 17H7.36303C7.57023 17 7.77231 17.0644 7.94134 17.1842L10.4269 18.9462C11.5778 19.762 13.2548 19.1626 13.51 17.6966C13.8322 15.8454 14 13.9419 14 12C14 10.0581 13.8322 8.15458 13.51 6.30339ZM21.7976 7.9012C21.743 7.35162 21.2533 6.95033 20.7037 7.00489C20.1541 7.05946 19.7528 7.54922 19.8074 8.0988C19.9348 9.38165 20 10.6831 20 12C20 13.317 19.9348 14.6184 19.8074 15.9012C19.7528 16.4508 20.1541 16.9405 20.7037 16.9951C21.2533 17.0497 21.743 16.6484 21.7976 16.0988C21.9315 14.7504 22 13.383 22 12C22 10.617 21.9315 9.2496 21.7976 7.9012ZM17.8733 8.91778C17.8279 8.36737 17.3449 7.95798 16.7945 8.00339C16.2441 8.04879 15.8347 8.5318 15.8801 9.08222C15.9594 10.0441 15.9999 11.0172 15.9999 12C15.9999 12.9828 15.9594 13.9559 15.8801 14.9178C15.8347 15.4682 16.2441 15.9512 16.7945 15.9966C17.3449 16.042 17.8279 15.6326 17.8733 15.0822C17.9572 14.0657 17.9999 13.0377 17.9999 12C17.9999 10.9623 17.9572 9.9343 17.8733 8.91778Z" fill="#292929"/> </svg>
Copied!