volume x icon
volume-x from Reicon by REICON · Outline · Video · MIT Free for personal and commercial use.
- Name
- volume-x
- Set
- Reicon
- Style
- Outline
- Category
- Video
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
The same icon in other sets
All volume x icons →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 x 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="M22.53 1.47a.75.75 0 0 1 0 1.06l-20 20a.75.75 0 0 1-1.06-1.06l3.721-3.722c-.883-.01-1.555-.062-2.166-.345a3.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.857c.826-.402 1.64-.625 2.457-.346c.272.093.534.226.769.391c.64.45.944 1.135 1.116 1.924c.088.402.148.865.193 1.389l5.45-5.45a.75.75 0 0 1 1.06 0m-7.92 6.859c-.057-1.101-.121-1.894-.249-2.48c-.136-.624-.317-.878-.513-1.015a1.6 1.6 0 0 0-.39-.2c-.25-.084-.606-.07-1.318.276c-.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.239 0 .44 0 .622.008zm5.655-2.013a.75.75 0 0 1 .991.376c.468 1.035.994 2.768.994 5.308c0 2.192-.392 3.783-.8 4.844a7.7 7.7 0 0 1-.572 1.195a5 5 0 0 1-.289.425l-.007.01l-.003.003l-.002.002L20 18l.576.48a.75.75 0 0 1-1.156-.956l.003-.004l.031-.041a3 3 0 0 0 .137-.212c.12-.199.288-.516.459-.961c.342-.889.7-2.298.7-4.306c0-2.326-.48-3.849-.86-4.692a.75.75 0 0 1 .375-.992m-2.101 2.95a.75.75 0 0 1 .887.582c.11.53.199 1.24.199 2.152c0 1.11-.132 1.923-.273 2.474a5 5 0 0 1-.203.631a3 3 0 0 1-.102.228l-.01.018l-.003.007l-.002.003v.002s-.001.001-.63-.348l.629.35a.75.75 0 0 1-1.317-.72l.005-.01l.038-.087a4 4 0 0 0 .141-.447c.11-.424.227-1.111.227-2.101a9 9 0 0 0-.168-1.848a.75.75 0 0 1 .582-.886M15.5 11.25a.75.75 0 0 1 .75.75c0 .552-.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-.742.254-1.48.093-2.222-.235c-.732-.324-1.592-.868-2.631-1.549a.75.75 0 1 1 .822-1.255c1.059.694 1.815 1.166 2.416 1.432c.592.262.905.265 1.13.188c.138-.047.273-.115.391-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.263-3.377c.052-1.12.086-2.06.086-2.571a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></svg>
React
import type { SVGProps } from "react";
export function ReiconVolumeX(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="M22.53 1.47a.75.75 0 0 1 0 1.06l-20 20a.75.75 0 0 1-1.06-1.06l3.721-3.722c-.883-.01-1.555-.062-2.166-.345a3.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.857c.826-.402 1.64-.625 2.457-.346c.272.093.534.226.769.391c.64.45.944 1.135 1.116 1.924c.088.402.148.865.193 1.389l5.45-5.45a.75.75 0 0 1 1.06 0m-7.92 6.859c-.057-1.101-.121-1.894-.249-2.48c-.136-.624-.317-.878-.513-1.015a1.6 1.6 0 0 0-.39-.2c-.25-.084-.606-.07-1.318.276c-.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.239 0 .44 0 .622.008zm5.655-2.013a.75.75 0 0 1 .991.376c.468 1.035.994 2.768.994 5.308c0 2.192-.392 3.783-.8 4.844a7.7 7.7 0 0 1-.572 1.195a5 5 0 0 1-.289.425l-.007.01l-.003.003l-.002.002L20 18l.576.48a.75.75 0 0 1-1.156-.956l.003-.004l.031-.041a3 3 0 0 0 .137-.212c.12-.199.288-.516.459-.961c.342-.889.7-2.298.7-4.306c0-2.326-.48-3.849-.86-4.692a.75.75 0 0 1 .375-.992m-2.101 2.95a.75.75 0 0 1 .887.582c.11.53.199 1.24.199 2.152c0 1.11-.132 1.923-.273 2.474a5 5 0 0 1-.203.631a3 3 0 0 1-.102.228l-.01.018l-.003.007l-.002.003v.002s-.001.001-.63-.348l.629.35a.75.75 0 0 1-1.317-.72l.005-.01l.038-.087a4 4 0 0 0 .141-.447c.11-.424.227-1.111.227-2.101a9 9 0 0 0-.168-1.848a.75.75 0 0 1 .582-.886M15.5 11.25a.75.75 0 0 1 .75.75c0 .552-.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-.742.254-1.48.093-2.222-.235c-.732-.324-1.592-.868-2.631-1.549a.75.75 0 1 1 .822-1.255c1.059.694 1.815 1.166 2.416 1.432c.592.262.905.265 1.13.188c.138-.047.273-.115.391-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.263-3.377c.052-1.12.086-2.06.086-2.571a.75.75 0 0 1 .75-.75" 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="M22.53 1.47a.75.75 0 0 1 0 1.06l-20 20a.75.75 0 0 1-1.06-1.06l3.721-3.722c-.883-.01-1.555-.062-2.166-.345a3.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.857c.826-.402 1.64-.625 2.457-.346c.272.093.534.226.769.391c.64.45.944 1.135 1.116 1.924c.088.402.148.865.193 1.389l5.45-5.45a.75.75 0 0 1 1.06 0m-7.92 6.859c-.057-1.101-.121-1.894-.249-2.48c-.136-.624-.317-.878-.513-1.015a1.6 1.6 0 0 0-.39-.2c-.25-.084-.606-.07-1.318.276c-.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.239 0 .44 0 .622.008zm5.655-2.013a.75.75 0 0 1 .991.376c.468 1.035.994 2.768.994 5.308c0 2.192-.392 3.783-.8 4.844a7.7 7.7 0 0 1-.572 1.195a5 5 0 0 1-.289.425l-.007.01l-.003.003l-.002.002L20 18l.576.48a.75.75 0 0 1-1.156-.956l.003-.004l.031-.041a3 3 0 0 0 .137-.212c.12-.199.288-.516.459-.961c.342-.889.7-2.298.7-4.306c0-2.326-.48-3.849-.86-4.692a.75.75 0 0 1 .375-.992m-2.101 2.95a.75.75 0 0 1 .887.582c.11.53.199 1.24.199 2.152c0 1.11-.132 1.923-.273 2.474a5 5 0 0 1-.203.631a3 3 0 0 1-.102.228l-.01.018l-.003.007l-.002.003v.002s-.001.001-.63-.348l.629.35a.75.75 0 0 1-1.317-.72l.005-.01l.038-.087a4 4 0 0 0 .141-.447c.11-.424.227-1.111.227-2.101a9 9 0 0 0-.168-1.848a.75.75 0 0 1 .582-.886M15.5 11.25a.75.75 0 0 1 .75.75c0 .552-.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-.742.254-1.48.093-2.222-.235c-.732-.324-1.592-.868-2.631-1.549a.75.75 0 1 1 .822-1.255c1.059.694 1.815 1.166 2.416 1.432c.592.262.905.265 1.13.188c.138-.047.273-.115.391-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.263-3.377c.052-1.12.086-2.06.086-2.571a.75.75 0 0 1 .75-.75" clip-rule="evenodd"/></svg> </template>
CSS
.icon-volume-x {
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%22M22.53%201.47a.75.75%200%200%201%200%201.06l-20%2020a.75.75%200%200%201-1.06-1.06l3.721-3.722c-.883-.01-1.555-.062-2.166-.345a3.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.857c.826-.402%201.64-.625%202.457-.346c.272.093.534.226.769.391c.64.45.944%201.135%201.116%201.924c.088.402.148.865.193%201.389l5.45-5.45a.75.75%200%200%201%201.06%200m-7.92%206.859c-.057-1.101-.121-1.894-.249-2.48c-.136-.624-.317-.878-.513-1.015a1.6%201.6%200%200%200-.39-.2c-.25-.084-.606-.07-1.318.276c-.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.239%200%20.44%200%20.622.008zm5.655-2.013a.75.75%200%200%201%20.991.376c.468%201.035.994%202.768.994%205.308c0%202.192-.392%203.783-.8%204.844a7.7%207.7%200%200%201-.572%201.195a5%205%200%200%201-.289.425l-.007.01l-.003.003l-.002.002L20%2018l.576.48a.75.75%200%200%201-1.156-.956l.003-.004l.031-.041a3%203%200%200%200%20.137-.212c.12-.199.288-.516.459-.961c.342-.889.7-2.298.7-4.306c0-2.326-.48-3.849-.86-4.692a.75.75%200%200%201%20.375-.992m-2.101%202.95a.75.75%200%200%201%20.887.582c.11.53.199%201.24.199%202.152c0%201.11-.132%201.923-.273%202.474a5%205%200%200%201-.203.631a3%203%200%200%201-.102.228l-.01.018l-.003.007l-.002.003v.002s-.001.001-.63-.348l.629.35a.75.75%200%200%201-1.317-.72l.005-.01l.038-.087a4%204%200%200%200%20.141-.447c.11-.424.227-1.111.227-2.101a9%209%200%200%200-.168-1.848a.75.75%200%200%201%20.582-.886M15.5%2011.25a.75.75%200%200%201%20.75.75c0%20.552-.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-.742.254-1.48.093-2.222-.235c-.732-.324-1.592-.868-2.631-1.549a.75.75%200%201%201%20.822-1.255c1.059.694%201.815%201.166%202.416%201.432c.592.262.905.265%201.13.188c.138-.047.273-.115.391-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.263-3.377c.052-1.12.086-2.06.086-2.571a.75.75%200%200%201%20.75-.75%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%22M22.53%201.47a.75.75%200%200%201%200%201.06l-20%2020a.75.75%200%200%201-1.06-1.06l3.721-3.722c-.883-.01-1.555-.062-2.166-.345a3.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.857c.826-.402%201.64-.625%202.457-.346c.272.093.534.226.769.391c.64.45.944%201.135%201.116%201.924c.088.402.148.865.193%201.389l5.45-5.45a.75.75%200%200%201%201.06%200m-7.92%206.859c-.057-1.101-.121-1.894-.249-2.48c-.136-.624-.317-.878-.513-1.015a1.6%201.6%200%200%200-.39-.2c-.25-.084-.606-.07-1.318.276c-.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.239%200%20.44%200%20.622.008zm5.655-2.013a.75.75%200%200%201%20.991.376c.468%201.035.994%202.768.994%205.308c0%202.192-.392%203.783-.8%204.844a7.7%207.7%200%200%201-.572%201.195a5%205%200%200%201-.289.425l-.007.01l-.003.003l-.002.002L20%2018l.576.48a.75.75%200%200%201-1.156-.956l.003-.004l.031-.041a3%203%200%200%200%20.137-.212c.12-.199.288-.516.459-.961c.342-.889.7-2.298.7-4.306c0-2.326-.48-3.849-.86-4.692a.75.75%200%200%201%20.375-.992m-2.101%202.95a.75.75%200%200%201%20.887.582c.11.53.199%201.24.199%202.152c0%201.11-.132%201.923-.273%202.474a5%205%200%200%201-.203.631a3%203%200%200%201-.102.228l-.01.018l-.003.007l-.002.003v.002s-.001.001-.63-.348l.629.35a.75.75%200%200%201-1.317-.72l.005-.01l.038-.087a4%204%200%200%200%20.141-.447c.11-.424.227-1.111.227-2.101a9%209%200%200%200-.168-1.848a.75.75%200%200%201%20.582-.886M15.5%2011.25a.75.75%200%200%201%20.75.75c0%20.552-.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-.742.254-1.48.093-2.222-.235c-.732-.324-1.592-.868-2.631-1.549a.75.75%200%201%201%20.822-1.255c1.059.694%201.815%201.166%202.416%201.432c.592.262.905.265%201.13.188c.138-.047.273-.115.391-.199c.217-.152.415-.447.553-1.218c.14-.775.191-1.847.263-3.377c.052-1.12.086-2.06.086-2.571a.75.75%200%200%201%20.75-.75%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-x.svg?color=%231a73e8&size=48
