Volume Down Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Volume Down 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/311032.svg" alt="Volume Down icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/311032.svg" alt="Volume Down icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/311032.svg" alt="Volume Down icon" :width="24" :height="24" />
CSS background
.icon-volume-down {
background-image: url('https://proicons.com/icon/311032.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 d="M4.60341 14.0881V9.91184C4.60341 9.49649 4.74564 9.09814 4.99882 8.80445C5.25199 8.51075 5.59538 8.34575 5.95343 8.34575H7.84346C8.08019 8.34461 8.31268 8.2727 8.51847 8.13694L12.4876 5.5059C12.6926 5.37099 12.9245 5.30072 13.1603 5.30208C13.396 5.30343 13.6274 5.37638 13.8312 5.51364C14.0351 5.65091 14.2045 5.84771 14.3224 6.08448C14.4404 6.32125 14.5028 6.58972 14.5036 6.86318V17.1368C14.5028 17.4102 14.4404 17.6787 14.3224 17.9154C14.2045 18.1522 14.0351 18.3491 13.8312 18.4863C13.6274 18.6235 13.396 18.6965 13.1603 18.6979C12.9245 18.6992 12.6926 18.629 12.4876 18.494L8.51847 15.863C8.31268 15.7272 8.08019 15.6553 7.84346 15.6542H5.95343C5.59538 15.6542 5.25199 15.4891 4.99882 15.1955C4.74564 14.9018 4.60341 14.5035 4.60341 14.0881Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.8312 15.7145C18.8335 14.7122 19.3967 13.3528 19.3966 11.9353C19.3967 10.5178 18.8335 9.15836 17.8312 8.15601" stroke="black" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/> </svg>
Volume Down in other icon packs
Copied!