Volume Up Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
The Volume Up 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/310390.svg" alt="Volume Up icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310390.svg" alt="Volume Up icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310390.svg" alt="Volume Up icon" :width="24" :height="24" />
CSS background
.icon-volume-up {
background-image: url('https://proicons.com/icon/310390.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="M13.6507 6.86005V17.14C13.6514 17.5252 13.5624 17.9052 13.3907 18.25C13.2259 18.5981 12.9702 18.8952 12.6507 19.11C12.3281 19.3269 11.9493 19.445 11.5607 19.45C11.1758 19.4502 10.7997 19.3352 10.4806 19.12L6.48065 16.49C6.40304 16.4398 6.31304 16.4122 6.22064 16.41H4.35065C4.0602 16.4076 3.77378 16.3419 3.51129 16.2176C3.2488 16.0933 3.01657 15.9132 2.83069 15.69C2.45237 15.2431 2.2466 14.6755 2.25067 14.09V9.91003C2.24899 9.32796 2.45461 8.76431 2.83069 8.32004C3.01657 8.09685 3.2488 7.91682 3.51129 7.79248C3.77378 7.66814 4.0602 7.60248 4.35065 7.60004H6.25067C6.3477 7.59802 6.44186 7.56665 6.52069 7.51004L10.5207 4.88004C10.8415 4.66857 11.2164 4.55402 11.6006 4.55005C11.9893 4.55506 12.3681 4.6732 12.6907 4.89005C13.008 5.10743 13.263 5.40385 13.4307 5.75003C13.5875 6.09846 13.6628 6.47812 13.6507 6.86005Z" fill="black"/> <path d="M16.2508 16.5394C16.0528 16.5351 15.8636 16.4566 15.7208 16.3194C15.5803 16.1788 15.5015 15.9881 15.5015 15.7894C15.5015 15.5906 15.5803 15.4 15.7208 15.2594C16.1483 14.833 16.4875 14.3265 16.719 13.7688C16.9504 13.2111 17.0696 12.6132 17.0696 12.0094C17.0696 11.4056 16.9504 10.8077 16.719 10.25C16.4875 9.69233 16.1483 9.18578 15.7208 8.75939C15.6471 8.69073 15.588 8.60792 15.547 8.51592C15.506 8.42393 15.4839 8.32464 15.4822 8.22393C15.4804 8.12323 15.499 8.02319 15.5367 7.9298C15.5744 7.83642 15.6306 7.75157 15.7018 7.68035C15.773 7.60913 15.8578 7.553 15.9512 7.51528C16.0446 7.47756 16.1446 7.45903 16.2453 7.46081C16.346 7.46259 16.4453 7.48464 16.5373 7.52563C16.6293 7.56662 16.7122 7.62571 16.7808 7.6994C17.3486 8.26437 17.7992 8.93597 18.1067 9.67562C18.4141 10.4153 18.5724 11.2084 18.5724 12.0094C18.5724 12.8104 18.4141 13.6035 18.1067 14.3432C17.7992 15.0828 17.3486 15.7544 16.7808 16.3194C16.638 16.4566 16.4488 16.5351 16.2508 16.5394Z" fill="black"/> <path d="M18.5007 18.7793C18.4021 18.7804 18.3043 18.7614 18.2132 18.7236C18.1221 18.6858 18.0396 18.6299 17.9707 18.5593C17.8999 18.4904 17.8438 18.408 17.8054 18.3169C17.767 18.2259 17.7472 18.1281 17.7472 18.0293C17.7472 17.9305 17.767 17.8327 17.8054 17.7417C17.8438 17.6507 17.8999 17.5683 17.9707 17.4993C19.4216 16.0365 20.2358 14.0597 20.2358 11.9993C20.2358 9.93899 19.4216 7.96212 17.9707 6.49933C17.8999 6.43038 17.8438 6.34795 17.8054 6.25693C17.767 6.1659 17.7472 6.06812 17.7472 5.96933C17.7472 5.87054 17.767 5.77273 17.8054 5.6817C17.8438 5.59068 17.8999 5.50828 17.9707 5.43933C18.1113 5.29888 18.302 5.21997 18.5007 5.21997C18.6995 5.21997 18.8901 5.29888 19.0308 5.43933C20.7717 7.18463 21.7494 9.54915 21.7494 12.0143C21.7494 14.4795 20.7717 16.844 19.0308 18.5893C18.886 18.72 18.6955 18.7883 18.5007 18.7793Z" fill="black"/> </svg>
Volume Up in other icon packs
Copied!