volume off icon
volume-off-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.
- Name
- volume-off-solid
- Set
- Myna UI Icons
- Style
- Solid
- Viewbox
- 24×24
- License
- MIT
- Aliases
- volume-slash-solid
1 other variant in Myna UI Icons
The same icon in other sets
volume-offBootstrap Iconsvolume-off-fillEva Iconsvolume-offFont Awesome 6 Solidvolume-offFont Awesome Solidvolume-offHuge Iconsvolume-offHumbleiconsvolume-offIonIconsvolume-offLine Awesomevolume-offLucidevolume-offMaterial Symbolsvolume-offMaterial Symbols Lightvolume-offMaterial Design Iconsvolume-off-fillMingCute Iconvolume-offPrime Iconsvolume-offTabler Iconsvolume-offUniconsvolume-off-outlinedWeUI Icon
Related icons in Myna UI Icons
Use the volume off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.63 19.53a.75.75 0 1 1-1.06-1.06c3.24-3.24 3.542-8.305.907-11.886L17.03 8.031a6.41 6.41 0 0 1-.5 8.5a.75.75 0 1 1-1.06-1.061a4.91 4.91 0 0 0 .49-6.37l-2.21 2.21V21a.75.75 0 0 1-.75.75c-2.07 0-3.782-1.34-4.907-2.524A14 14 0 0 1 7.06 18l-3.53 3.53a.75.75 0 0 1-1.06-1.06l3.198-3.198c-.24.006-.498.005-.758-.008c-.518-.028-1.119-.11-1.614-.337c-.52-.24-1.046-.713-1.046-1.508V8.506c0-.794.525-1.267 1.046-1.507c.495-.228 1.097-.31 1.614-.337a11 11 0 0 1 1.607.045q.098-.15.23-.337c.315-.445.773-1.04 1.35-1.637C9.225 3.565 10.936 2.25 13 2.25a.75.75 0 0 1 .75.75v6.19l3.746-3.746a.75.75 0 0 1 1.048-1.049L20.47 2.47a.75.75 0 1 1 1.06 1.06l-1.982 1.983c3.215 4.176 2.91 10.19-.917 14.017"/></svg>
React
import type { SVGProps } from "react";
export function MynauiVolumeOffSolid(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" d="M18.63 19.53a.75.75 0 1 1-1.06-1.06c3.24-3.24 3.542-8.305.907-11.886L17.03 8.031a6.41 6.41 0 0 1-.5 8.5a.75.75 0 1 1-1.06-1.061a4.91 4.91 0 0 0 .49-6.37l-2.21 2.21V21a.75.75 0 0 1-.75.75c-2.07 0-3.782-1.34-4.907-2.524A14 14 0 0 1 7.06 18l-3.53 3.53a.75.75 0 0 1-1.06-1.06l3.198-3.198c-.24.006-.498.005-.758-.008c-.518-.028-1.119-.11-1.614-.337c-.52-.24-1.046-.713-1.046-1.508V8.506c0-.794.525-1.267 1.046-1.507c.495-.228 1.097-.31 1.614-.337a11 11 0 0 1 1.607.045q.098-.15.23-.337c.315-.445.773-1.04 1.35-1.637C9.225 3.565 10.936 2.25 13 2.25a.75.75 0 0 1 .75.75v6.19l3.746-3.746a.75.75 0 0 1 1.048-1.049L20.47 2.47a.75.75 0 1 1 1.06 1.06l-1.982 1.983c3.215 4.176 2.91 10.19-.917 14.017"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M18.63 19.53a.75.75 0 1 1-1.06-1.06c3.24-3.24 3.542-8.305.907-11.886L17.03 8.031a6.41 6.41 0 0 1-.5 8.5a.75.75 0 1 1-1.06-1.061a4.91 4.91 0 0 0 .49-6.37l-2.21 2.21V21a.75.75 0 0 1-.75.75c-2.07 0-3.782-1.34-4.907-2.524A14 14 0 0 1 7.06 18l-3.53 3.53a.75.75 0 0 1-1.06-1.06l3.198-3.198c-.24.006-.498.005-.758-.008c-.518-.028-1.119-.11-1.614-.337c-.52-.24-1.046-.713-1.046-1.508V8.506c0-.794.525-1.267 1.046-1.507c.495-.228 1.097-.31 1.614-.337a11 11 0 0 1 1.607.045q.098-.15.23-.337c.315-.445.773-1.04 1.35-1.637C9.225 3.565 10.936 2.25 13 2.25a.75.75 0 0 1 .75.75v6.19l3.746-3.746a.75.75 0 0 1 1.048-1.049L20.47 2.47a.75.75 0 1 1 1.06 1.06l-1.982 1.983c3.215 4.176 2.91 10.19-.917 14.017"/></svg> </template>
CSS
.icon-volume-off-solid {
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%20d%3D%22M18.63%2019.53a.75.75%200%201%201-1.06-1.06c3.24-3.24%203.542-8.305.907-11.886L17.03%208.031a6.41%206.41%200%200%201-.5%208.5a.75.75%200%201%201-1.06-1.061a4.91%204.91%200%200%200%20.49-6.37l-2.21%202.21V21a.75.75%200%200%201-.75.75c-2.07%200-3.782-1.34-4.907-2.524A14%2014%200%200%201%207.06%2018l-3.53%203.53a.75.75%200%200%201-1.06-1.06l3.198-3.198c-.24.006-.498.005-.758-.008c-.518-.028-1.119-.11-1.614-.337c-.52-.24-1.046-.713-1.046-1.508V8.506c0-.794.525-1.267%201.046-1.507c.495-.228%201.097-.31%201.614-.337a11%2011%200%200%201%201.607.045q.098-.15.23-.337c.315-.445.773-1.04%201.35-1.637C9.225%203.565%2010.936%202.25%2013%202.25a.75.75%200%200%201%20.75.75v6.19l3.746-3.746a.75.75%200%200%201%201.048-1.049L20.47%202.47a.75.75%200%201%201%201.06%201.06l-1.982%201.983c3.215%204.176%202.91%2010.19-.917%2014.017%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%20d%3D%22M18.63%2019.53a.75.75%200%201%201-1.06-1.06c3.24-3.24%203.542-8.305.907-11.886L17.03%208.031a6.41%206.41%200%200%201-.5%208.5a.75.75%200%201%201-1.06-1.061a4.91%204.91%200%200%200%20.49-6.37l-2.21%202.21V21a.75.75%200%200%201-.75.75c-2.07%200-3.782-1.34-4.907-2.524A14%2014%200%200%201%207.06%2018l-3.53%203.53a.75.75%200%200%201-1.06-1.06l3.198-3.198c-.24.006-.498.005-.758-.008c-.518-.028-1.119-.11-1.614-.337c-.52-.24-1.046-.713-1.046-1.508V8.506c0-.794.525-1.267%201.046-1.507c.495-.228%201.097-.31%201.614-.337a11%2011%200%200%201%201.607.045q.098-.15.23-.337c.315-.445.773-1.04%201.35-1.637C9.225%203.565%2010.936%202.25%2013%202.25a.75.75%200%200%201%20.75.75v6.19l3.746-3.746a.75.75%200%200%201%201.048-1.049L20.47%202.47a.75.75%200%201%201%201.06%201.06l-1.982%201.983c3.215%204.176%202.91%2010.19-.917%2014.017%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/volume-off-solid.svg?color=%231a73e8&size=48
