volume mute icon
volume-mute-fill from Mage Icons by MageIcons · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- volume-mute-fill
- Set
- Mage Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in Mage Icons
The same icon in other sets
volume-muteBootstrap Iconsvolume-muteBoxIcons v2volume-muteBoxIcons v2 Solidvolume-muteCarbonvolume-mute-fillEva Iconsvolume-muteFont Awesome Solidvolume-mute-outlineFlowbite Iconsvolume-muteIconParkvolume-muteIconPark Outlinevolume-muteIconPark Solidvolume-muteIconPark TwoTonevolume-muteIonIconsvolume-muteJam Iconsvolume-muteLine Awesomevolume-muteMaterial Symbolsvolume-muteMaterial Symbols Lightvolume-muteMaterial Design Iconsvolume-mute-fillMingCute Iconvolume-mute-fillRemix Iconvolume-muteUnicons
Related icons in Mage Icons
Use the volume mute icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.495 13.93a.75.75 0 0 1-1.06 1.06l-1.92-1.92l-1.93 1.92a.7.7 0 0 1-.53.22a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.92-1.92l-1.92-1.92a.75.75 0 0 1 0-1.06a.74.74 0 0 1 1.06 0l1.93 1.92l1.92-1.92a.74.74 0 0 1 1.06 0a.75.75 0 0 1 0 1.06l-1.92 1.92zm-7.79-7.07v10.28c.002.385-.087.766-.26 1.11a2.2 2.2 0 0 1-.74.86a2 2 0 0 1-1.09.34a1.9 1.9 0 0 1-1.07-.33l-4-2.63a.56.56 0 0 0-.27-.08h-1.89a2 2 0 0 1-1.52-.72a2.47 2.47 0 0 1-.58-1.6V9.91a2.45 2.45 0 0 1 .58-1.59a2 2 0 0 1 1.52-.72h1.89a.5.5 0 0 0 .27-.09l4-2.63a2 2 0 0 1 1.08-.33a2 2 0 0 1 1.08.34c.318.217.573.514.74.86c.172.345.261.725.26 1.11"/></svg>
React
import type { SVGProps } from "react";
export function MageVolumeMuteFill(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="M21.495 13.93a.75.75 0 0 1-1.06 1.06l-1.92-1.92l-1.93 1.92a.7.7 0 0 1-.53.22a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.92-1.92l-1.92-1.92a.75.75 0 0 1 0-1.06a.74.74 0 0 1 1.06 0l1.93 1.92l1.92-1.92a.74.74 0 0 1 1.06 0a.75.75 0 0 1 0 1.06l-1.92 1.92zm-7.79-7.07v10.28c.002.385-.087.766-.26 1.11a2.2 2.2 0 0 1-.74.86a2 2 0 0 1-1.09.34a1.9 1.9 0 0 1-1.07-.33l-4-2.63a.56.56 0 0 0-.27-.08h-1.89a2 2 0 0 1-1.52-.72a2.47 2.47 0 0 1-.58-1.6V9.91a2.45 2.45 0 0 1 .58-1.59a2 2 0 0 1 1.52-.72h1.89a.5.5 0 0 0 .27-.09l4-2.63a2 2 0 0 1 1.08-.33a2 2 0 0 1 1.08.34c.318.217.573.514.74.86c.172.345.261.725.26 1.11"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M21.495 13.93a.75.75 0 0 1-1.06 1.06l-1.92-1.92l-1.93 1.92a.7.7 0 0 1-.53.22a.74.74 0 0 1-.53-.22a.75.75 0 0 1 0-1.06l1.92-1.92l-1.92-1.92a.75.75 0 0 1 0-1.06a.74.74 0 0 1 1.06 0l1.93 1.92l1.92-1.92a.74.74 0 0 1 1.06 0a.75.75 0 0 1 0 1.06l-1.92 1.92zm-7.79-7.07v10.28c.002.385-.087.766-.26 1.11a2.2 2.2 0 0 1-.74.86a2 2 0 0 1-1.09.34a1.9 1.9 0 0 1-1.07-.33l-4-2.63a.56.56 0 0 0-.27-.08h-1.89a2 2 0 0 1-1.52-.72a2.47 2.47 0 0 1-.58-1.6V9.91a2.45 2.45 0 0 1 .58-1.59a2 2 0 0 1 1.52-.72h1.89a.5.5 0 0 0 .27-.09l4-2.63a2 2 0 0 1 1.08-.33a2 2 0 0 1 1.08.34c.318.217.573.514.74.86c.172.345.261.725.26 1.11"/></svg> </template>
CSS
.icon-volume-mute-fill {
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%22M21.495%2013.93a.75.75%200%200%201-1.06%201.06l-1.92-1.92l-1.93%201.92a.7.7%200%200%201-.53.22a.74.74%200%200%201-.53-.22a.75.75%200%200%201%200-1.06l1.92-1.92l-1.92-1.92a.75.75%200%200%201%200-1.06a.74.74%200%200%201%201.06%200l1.93%201.92l1.92-1.92a.74.74%200%200%201%201.06%200a.75.75%200%200%201%200%201.06l-1.92%201.92zm-7.79-7.07v10.28c.002.385-.087.766-.26%201.11a2.2%202.2%200%200%201-.74.86a2%202%200%200%201-1.09.34a1.9%201.9%200%200%201-1.07-.33l-4-2.63a.56.56%200%200%200-.27-.08h-1.89a2%202%200%200%201-1.52-.72a2.47%202.47%200%200%201-.58-1.6V9.91a2.45%202.45%200%200%201%20.58-1.59a2%202%200%200%201%201.52-.72h1.89a.5.5%200%200%200%20.27-.09l4-2.63a2%202%200%200%201%201.08-.33a2%202%200%200%201%201.08.34c.318.217.573.514.74.86c.172.345.261.725.26%201.11%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%22M21.495%2013.93a.75.75%200%200%201-1.06%201.06l-1.92-1.92l-1.93%201.92a.7.7%200%200%201-.53.22a.74.74%200%200%201-.53-.22a.75.75%200%200%201%200-1.06l1.92-1.92l-1.92-1.92a.75.75%200%200%201%200-1.06a.74.74%200%200%201%201.06%200l1.93%201.92l1.92-1.92a.74.74%200%200%201%201.06%200a.75.75%200%200%201%200%201.06l-1.92%201.92zm-7.79-7.07v10.28c.002.385-.087.766-.26%201.11a2.2%202.2%200%200%201-.74.86a2%202%200%200%201-1.09.34a1.9%201.9%200%200%201-1.07-.33l-4-2.63a.56.56%200%200%200-.27-.08h-1.89a2%202%200%200%201-1.52-.72a2.47%202.47%200%200%201-.58-1.6V9.91a2.45%202.45%200%200%201%20.58-1.59a2%202%200%200%201%201.52-.72h1.89a.5.5%200%200%200%20.27-.09l4-2.63a2%202%200%200%201%201.08-.33a2%202%200%200%201%201.08.34c.318.217.573.514.74.86c.172.345.261.725.26%201.11%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/volume-mute-fill.svg?color=%231a73e8&size=48
