volume down icon
volume-down from Reicon by REICON · Outline · Video · MIT Free for personal and commercial use.
- Name
- volume-down
- Set
- Reicon
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All volume down icons →volume-downBootstrap Iconsvolume-downCarbonvolume-down-fillEva Iconsvolume-downFont Awesome Solidvolume-down-outlineFlowbite Iconsvolume-downIconParkvolume-downIconPark Outlinevolume-downIconPark Solidvolume-downIconPark TwoTonevolume-downJam Iconsvolume-downLine Awesomevolume-downMage Iconsvolume-downMaterial Symbolsvolume-downMaterial Symbols Lightvolume-downPrime Iconsvolume-down-fillRemix Iconvolume-downUniconsvolume-down-outlinedWeUI Icon
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 down icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12.14 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.052H6c-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.263-3.377c.052-1.12.086-2.06.086-2.571s-.034-1.451-.086-2.57c-.072-1.531-.123-2.603-.262-3.378c-.14-.771-.337-1.066-.553-1.218a1.6 1.6 0 0 0-.391-.2c-.25-.084-.606-.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-.267-.176c-.447-.295-.602-.394-.76-.464q-.257-.114-.535-.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 .75 12c0-.341.014-.706.036-1.074l.008-.13C.86 9.712.906 8.95 1.298 8.22a3.96 3.96 0 0 1 1.727-1.624c.752-.348 1.597-.348 2.814-.347H6c.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"/><path d="M18.656 8.637a.751.751 0 0 0-1.317.718c.007.014.025.053.043.097c.035.087.087.235.141.447c.11.424.227 1.111.227 2.101s-.118 1.677-.227 2.101c-.054.212-.106.36-.141.447l-.043.097a.75.75 0 0 0 .297 1.01c.362.202.835.04 1.036-.322l.027-.053q.03-.064.075-.175c.06-.147.132-.356.203-.631c.14-.551.273-1.364.273-2.474s-.132-1.923-.273-2.474a5 5 0 0 0-.203-.631a3 3 0 0 0-.075-.175z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconVolumeDown(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fillRule="evenodd" d="M12.14 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.052H6c-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.263-3.377c.052-1.12.086-2.06.086-2.571s-.034-1.451-.086-2.57c-.072-1.531-.123-2.603-.262-3.378c-.14-.771-.337-1.066-.553-1.218a1.6 1.6 0 0 0-.391-.2c-.25-.084-.606-.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-.267-.176c-.447-.295-.602-.394-.76-.464q-.257-.114-.535-.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 .75 12c0-.341.014-.706.036-1.074l.008-.13C.86 9.712.906 8.95 1.298 8.22a3.96 3.96 0 0 1 1.727-1.624c.752-.348 1.597-.348 2.814-.347H6c.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"/><path d="M18.656 8.637a.751.751 0 0 0-1.317.718c.007.014.025.053.043.097c.035.087.087.235.141.447c.11.424.227 1.111.227 2.101s-.118 1.677-.227 2.101c-.054.212-.106.36-.141.447l-.043.097a.75.75 0 0 0 .297 1.01c.362.202.835.04 1.036-.322l.027-.053q.03-.064.075-.175c.06-.147.132-.356.203-.631c.14-.551.273-1.364.273-2.474s-.132-1.923-.273-2.474a5 5 0 0 0-.203-.631a3 3 0 0 0-.075-.175z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M12.14 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.052H6c-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.263-3.377c.052-1.12.086-2.06.086-2.571s-.034-1.451-.086-2.57c-.072-1.531-.123-2.603-.262-3.378c-.14-.771-.337-1.066-.553-1.218a1.6 1.6 0 0 0-.391-.2c-.25-.084-.606-.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-.267-.176c-.447-.295-.602-.394-.76-.464q-.257-.114-.535-.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 .75 12c0-.341.014-.706.036-1.074l.008-.13C.86 9.712.906 8.95 1.298 8.22a3.96 3.96 0 0 1 1.727-1.624c.752-.348 1.597-.348 2.814-.347H6c.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"/><path d="M18.656 8.637a.751.751 0 0 0-1.317.718c.007.014.025.053.043.097c.035.087.087.235.141.447c.11.424.227 1.111.227 2.101s-.118 1.677-.227 2.101c-.054.212-.106.36-.141.447l-.043.097a.75.75 0 0 0 .297 1.01c.362.202.835.04 1.036-.322l.027-.053q.03-.064.075-.175c.06-.147.132-.356.203-.631c.14-.551.273-1.364.273-2.474s-.132-1.923-.273-2.474a5 5 0 0 0-.203-.631a3 3 0 0 0-.075-.175z"/></g></svg> </template>
CSS
.icon-volume-down {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.14%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.052H6c-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.263-3.377c.052-1.12.086-2.06.086-2.571s-.034-1.451-.086-2.57c-.072-1.531-.123-2.603-.262-3.378c-.14-.771-.337-1.066-.553-1.218a1.6%201.6%200%200%200-.391-.2c-.25-.084-.606-.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-.267-.176c-.447-.295-.602-.394-.76-.464q-.257-.114-.535-.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%20.75%2012c0-.341.014-.706.036-1.074l.008-.13C.86%209.712.906%208.95%201.298%208.22a3.96%203.96%200%200%201%201.727-1.624c.752-.348%201.597-.348%202.814-.347H6c.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%3Cpath%20d%3D%22M18.656%208.637a.751.751%200%200%200-1.317.718c.007.014.025.053.043.097c.035.087.087.235.141.447c.11.424.227%201.111.227%202.101s-.118%201.677-.227%202.101c-.054.212-.106.36-.141.447l-.043.097a.75.75%200%200%200%20.297%201.01c.362.202.835.04%201.036-.322l.027-.053q.03-.064.075-.175c.06-.147.132-.356.203-.631c.14-.551.273-1.364.273-2.474s-.132-1.923-.273-2.474a5%205%200%200%200-.203-.631a3%203%200%200%200-.075-.175z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M12.14%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.052H6c-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.263-3.377c.052-1.12.086-2.06.086-2.571s-.034-1.451-.086-2.57c-.072-1.531-.123-2.603-.262-3.378c-.14-.771-.337-1.066-.553-1.218a1.6%201.6%200%200%200-.391-.2c-.25-.084-.606-.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-.267-.176c-.447-.295-.602-.394-.76-.464q-.257-.114-.535-.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%20.75%2012c0-.341.014-.706.036-1.074l.008-.13C.86%209.712.906%208.95%201.298%208.22a3.96%203.96%200%200%201%201.727-1.624c.752-.348%201.597-.348%202.814-.347H6c.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%3Cpath%20d%3D%22M18.656%208.637a.751.751%200%200%200-1.317.718c.007.014.025.053.043.097c.035.087.087.235.141.447c.11.424.227%201.111.227%202.101s-.118%201.677-.227%202.101c-.054.212-.106.36-.141.447l-.043.097a.75.75%200%200%200%20.297%201.01c.362.202.835.04%201.036-.322l.027-.053q.03-.064.075-.175c.06-.147.132-.356.203-.631c.14-.551.273-1.364.273-2.474s-.132-1.923-.273-2.474a5%205%200%200%200-.203-.631a3%203%200%200%200-.075-.175z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/volume-down.svg?color=%231a73e8&size=48
