volume icon
volume from Reicon by REICON · Outline · Video · MIT Free for personal and commercial use.
- Name
- volume
- Set
- Reicon
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All volume icons →volumeBoxIcons v2volumeBoxIcons v2 SolidvolumeDither IconsvolumeFont Awesome SolidvolumeFeather Iconsvolumecss.ggvolumeHuge IconsvolumeHumbleiconsvolumeJam IconsvolumeKeyline IconsvolumeLucidevolumeMaterial Design Iconsvolume-fillMingCute IconvolumePixelarticonsvolume-boldSolarvolumeTabler IconsvolumeUnicons
More video icons from Reicon
albumcameracamera-addcamera-add2camera-altcamera-offcamera-recordcamera-rotatecamera-squarecamera2camera3clapperboardclapperboard-editclapperboard-openclapperboard-open-playclapperboard-playclapperboard-textexit-fullscreenexit-fullscreen-circleexit-fullscreen-squareexit-pipfast-forwardfast-forward-circlefilm
Use the volume icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.64 4.91c-.714.347-1.62.942-2.909 1.792l-.219.144l-.05.033c-.38.25-.643.424-.931.552a3.8 3.8 0 0 1-.89.267c-.31.052-.626.052-1.082.052H9.5c-1.444 0-1.93.016-2.345.208a2.47 2.47 0 0 0-1.036.975c-.218.405-.259.82-.336 2.084c-.02.347-.033.68-.033.983s.012.636.033.983c.077 1.264.118 1.68.336 2.084c.209.389.635.79 1.036.975c.414.192.901.208 2.345.208h.06c.455 0 .77 0 1.081.052q.462.079.89.267c.288.128.552.301.932.552l.05.033l.218.144c1.29.85 2.195 1.445 2.91 1.792c.711.346 1.068.36 1.317.275c.137-.047.272-.115.39-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.262-3.377c.053-1.12.087-2.06.087-2.571s-.034-1.451-.087-2.57c-.07-1.531-.122-2.603-.262-3.378c-.138-.771-.336-1.066-.552-1.218a1.6 1.6 0 0 0-.391-.2c-.25-.084-.605-.07-1.318.276m-.655-1.35c.826-.4 1.64-.624 2.457-.345c.272.093.534.226.769.391c.706.497 1.005 1.28 1.167 2.18c.159.884.213 2.056.281 3.516l.003.058c.052 1.115.088 2.088.088 2.64s-.036 1.525-.088 2.64l-.003.058c-.068 1.46-.122 2.632-.281 3.516c-.162.9-.461 1.683-1.167 2.18a3 3 0 0 1-.769.39c-.818.28-1.631.057-2.457-.344c-.814-.396-1.8-1.047-3.032-1.858l-.266-.176c-.448-.295-.602-.394-.762-.464q-.256-.114-.534-.16c-.171-.03-.354-.032-.89-.032h-.162c-1.217 0-2.062.001-2.814-.347a3.96 3.96 0 0 1-1.727-1.624c-.392-.729-.438-1.49-.504-2.575l-.008-.13A18 18 0 0 1 4.25 12c0-.341.014-.706.036-1.074l.008-.13c.066-1.084.112-1.846.504-2.575a3.96 3.96 0 0 1 1.727-1.624c.752-.348 1.597-.348 2.814-.347H9.5c.537 0 .72-.002.891-.031a2.3 2.3 0 0 0 .534-.16c.16-.07.314-.17.761-.465l.267-.176c1.231-.811 2.218-1.462 3.032-1.857" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconVolume(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fillRule="evenodd" d="M15.64 4.91c-.714.347-1.62.942-2.909 1.792l-.219.144l-.05.033c-.38.25-.643.424-.931.552a3.8 3.8 0 0 1-.89.267c-.31.052-.626.052-1.082.052H9.5c-1.444 0-1.93.016-2.345.208a2.47 2.47 0 0 0-1.036.975c-.218.405-.259.82-.336 2.084c-.02.347-.033.68-.033.983s.012.636.033.983c.077 1.264.118 1.68.336 2.084c.209.389.635.79 1.036.975c.414.192.901.208 2.345.208h.06c.455 0 .77 0 1.081.052q.462.079.89.267c.288.128.552.301.932.552l.05.033l.218.144c1.29.85 2.195 1.445 2.91 1.792c.711.346 1.068.36 1.317.275c.137-.047.272-.115.39-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.262-3.377c.053-1.12.087-2.06.087-2.571s-.034-1.451-.087-2.57c-.07-1.531-.122-2.603-.262-3.378c-.138-.771-.336-1.066-.552-1.218a1.6 1.6 0 0 0-.391-.2c-.25-.084-.605-.07-1.318.276m-.655-1.35c.826-.4 1.64-.624 2.457-.345c.272.093.534.226.769.391c.706.497 1.005 1.28 1.167 2.18c.159.884.213 2.056.281 3.516l.003.058c.052 1.115.088 2.088.088 2.64s-.036 1.525-.088 2.64l-.003.058c-.068 1.46-.122 2.632-.281 3.516c-.162.9-.461 1.683-1.167 2.18a3 3 0 0 1-.769.39c-.818.28-1.631.057-2.457-.344c-.814-.396-1.8-1.047-3.032-1.858l-.266-.176c-.448-.295-.602-.394-.762-.464q-.256-.114-.534-.16c-.171-.03-.354-.032-.89-.032h-.162c-1.217 0-2.062.001-2.814-.347a3.96 3.96 0 0 1-1.727-1.624c-.392-.729-.438-1.49-.504-2.575l-.008-.13A18 18 0 0 1 4.25 12c0-.341.014-.706.036-1.074l.008-.13c.066-1.084.112-1.846.504-2.575a3.96 3.96 0 0 1 1.727-1.624c.752-.348 1.597-.348 2.814-.347H9.5c.537 0 .72-.002.891-.031a2.3 2.3 0 0 0 .534-.16c.16-.07.314-.17.761-.465l.267-.176c1.231-.811 2.218-1.462 3.032-1.857" clipRule="evenodd"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M15.64 4.91c-.714.347-1.62.942-2.909 1.792l-.219.144l-.05.033c-.38.25-.643.424-.931.552a3.8 3.8 0 0 1-.89.267c-.31.052-.626.052-1.082.052H9.5c-1.444 0-1.93.016-2.345.208a2.47 2.47 0 0 0-1.036.975c-.218.405-.259.82-.336 2.084c-.02.347-.033.68-.033.983s.012.636.033.983c.077 1.264.118 1.68.336 2.084c.209.389.635.79 1.036.975c.414.192.901.208 2.345.208h.06c.455 0 .77 0 1.081.052q.462.079.89.267c.288.128.552.301.932.552l.05.033l.218.144c1.29.85 2.195 1.445 2.91 1.792c.711.346 1.068.36 1.317.275c.137-.047.272-.115.39-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.262-3.377c.053-1.12.087-2.06.087-2.571s-.034-1.451-.087-2.57c-.07-1.531-.122-2.603-.262-3.378c-.138-.771-.336-1.066-.552-1.218a1.6 1.6 0 0 0-.391-.2c-.25-.084-.605-.07-1.318.276m-.655-1.35c.826-.4 1.64-.624 2.457-.345c.272.093.534.226.769.391c.706.497 1.005 1.28 1.167 2.18c.159.884.213 2.056.281 3.516l.003.058c.052 1.115.088 2.088.088 2.64s-.036 1.525-.088 2.64l-.003.058c-.068 1.46-.122 2.632-.281 3.516c-.162.9-.461 1.683-1.167 2.18a3 3 0 0 1-.769.39c-.818.28-1.631.057-2.457-.344c-.814-.396-1.8-1.047-3.032-1.858l-.266-.176c-.448-.295-.602-.394-.762-.464q-.256-.114-.534-.16c-.171-.03-.354-.032-.89-.032h-.162c-1.217 0-2.062.001-2.814-.347a3.96 3.96 0 0 1-1.727-1.624c-.392-.729-.438-1.49-.504-2.575l-.008-.13A18 18 0 0 1 4.25 12c0-.341.014-.706.036-1.074l.008-.13c.066-1.084.112-1.846.504-2.575a3.96 3.96 0 0 1 1.727-1.624c.752-.348 1.597-.348 2.814-.347H9.5c.537 0 .72-.002.891-.031a2.3 2.3 0 0 0 .534-.16c.16-.07.314-.17.761-.465l.267-.176c1.231-.811 2.218-1.462 3.032-1.857" clip-rule="evenodd"/></svg> </template>
CSS
.icon-volume {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.64%204.91c-.714.347-1.62.942-2.909%201.792l-.219.144l-.05.033c-.38.25-.643.424-.931.552a3.8%203.8%200%200%201-.89.267c-.31.052-.626.052-1.082.052H9.5c-1.444%200-1.93.016-2.345.208a2.47%202.47%200%200%200-1.036.975c-.218.405-.259.82-.336%202.084c-.02.347-.033.68-.033.983s.012.636.033.983c.077%201.264.118%201.68.336%202.084c.209.389.635.79%201.036.975c.414.192.901.208%202.345.208h.06c.455%200%20.77%200%201.081.052q.462.079.89.267c.288.128.552.301.932.552l.05.033l.218.144c1.29.85%202.195%201.445%202.91%201.792c.711.346%201.068.36%201.317.275c.137-.047.272-.115.39-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.262-3.377c.053-1.12.087-2.06.087-2.571s-.034-1.451-.087-2.57c-.07-1.531-.122-2.603-.262-3.378c-.138-.771-.336-1.066-.552-1.218a1.6%201.6%200%200%200-.391-.2c-.25-.084-.605-.07-1.318.276m-.655-1.35c.826-.4%201.64-.624%202.457-.345c.272.093.534.226.769.391c.706.497%201.005%201.28%201.167%202.18c.159.884.213%202.056.281%203.516l.003.058c.052%201.115.088%202.088.088%202.64s-.036%201.525-.088%202.64l-.003.058c-.068%201.46-.122%202.632-.281%203.516c-.162.9-.461%201.683-1.167%202.18a3%203%200%200%201-.769.39c-.818.28-1.631.057-2.457-.344c-.814-.396-1.8-1.047-3.032-1.858l-.266-.176c-.448-.295-.602-.394-.762-.464q-.256-.114-.534-.16c-.171-.03-.354-.032-.89-.032h-.162c-1.217%200-2.062.001-2.814-.347a3.96%203.96%200%200%201-1.727-1.624c-.392-.729-.438-1.49-.504-2.575l-.008-.13A18%2018%200%200%201%204.25%2012c0-.341.014-.706.036-1.074l.008-.13c.066-1.084.112-1.846.504-2.575a3.96%203.96%200%200%201%201.727-1.624c.752-.348%201.597-.348%202.814-.347H9.5c.537%200%20.72-.002.891-.031a2.3%202.3%200%200%200%20.534-.16c.16-.07.314-.17.761-.465l.267-.176c1.231-.811%202.218-1.462%203.032-1.857%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20d%3D%22M15.64%204.91c-.714.347-1.62.942-2.909%201.792l-.219.144l-.05.033c-.38.25-.643.424-.931.552a3.8%203.8%200%200%201-.89.267c-.31.052-.626.052-1.082.052H9.5c-1.444%200-1.93.016-2.345.208a2.47%202.47%200%200%200-1.036.975c-.218.405-.259.82-.336%202.084c-.02.347-.033.68-.033.983s.012.636.033.983c.077%201.264.118%201.68.336%202.084c.209.389.635.79%201.036.975c.414.192.901.208%202.345.208h.06c.455%200%20.77%200%201.081.052q.462.079.89.267c.288.128.552.301.932.552l.05.033l.218.144c1.29.85%202.195%201.445%202.91%201.792c.711.346%201.068.36%201.317.275c.137-.047.272-.115.39-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.262-3.377c.053-1.12.087-2.06.087-2.571s-.034-1.451-.087-2.57c-.07-1.531-.122-2.603-.262-3.378c-.138-.771-.336-1.066-.552-1.218a1.6%201.6%200%200%200-.391-.2c-.25-.084-.605-.07-1.318.276m-.655-1.35c.826-.4%201.64-.624%202.457-.345c.272.093.534.226.769.391c.706.497%201.005%201.28%201.167%202.18c.159.884.213%202.056.281%203.516l.003.058c.052%201.115.088%202.088.088%202.64s-.036%201.525-.088%202.64l-.003.058c-.068%201.46-.122%202.632-.281%203.516c-.162.9-.461%201.683-1.167%202.18a3%203%200%200%201-.769.39c-.818.28-1.631.057-2.457-.344c-.814-.396-1.8-1.047-3.032-1.858l-.266-.176c-.448-.295-.602-.394-.762-.464q-.256-.114-.534-.16c-.171-.03-.354-.032-.89-.032h-.162c-1.217%200-2.062.001-2.814-.347a3.96%203.96%200%200%201-1.727-1.624c-.392-.729-.438-1.49-.504-2.575l-.008-.13A18%2018%200%200%201%204.25%2012c0-.341.014-.706.036-1.074l.008-.13c.066-1.084.112-1.846.504-2.575a3.96%203.96%200%200%201%201.727-1.624c.752-.348%201.597-.348%202.814-.347H9.5c.537%200%20.72-.002.891-.031a2.3%202.3%200%200%200%20.534-.16c.16-.07.314-.17.761-.465l.267-.176c1.231-.811%202.218-1.462%203.032-1.857%22%20clip-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/volume.svg?color=%231a73e8&size=48
