volume-off icon

Volume off: mute, sound off, muted, mute sound. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.

Code line-round

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L8 8.707L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.362 14 7.244 13.951 7.146 13.854L4.854 11.561C4.674 11.381 4.467 11.243 4.233 11.146C3.998 11.049 3.754 11 3.5 11L3 11C2.746 11 2.5 10.953 2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 7C1 6.746 1.047 6.5 1.14 6.264C1.242 6.007 1.391 5.781 1.586 5.586C1.781 5.391 2.007 5.242 2.264 5.14C2.5 5.047 2.746 5 3 5L3.5 5C3.737 5 3.961 4.96 4.173 4.88L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM7 7.707L4.923 5.63C4.487 5.877 4.012 6 3.5 6L3 6C2.724 6 2.488 6.098 2.293 6.293C2.098 6.488 2 6.724 2 7L2 9C2 9.276 2.098 9.512 2.293 9.707C2.488 9.902 2.724 10 3 10L3.5 10C3.886 10 4.258 10.074 4.615 10.222C4.972 10.37 5.287 10.58 5.561 10.854L7 12.293L7 7.707ZM5.854 3.646C5.854 3.508 5.902 3.391 6 3.293L7.146 2.146C7.244 2.049 7.362 2 7.5 2C7.638 2 7.756 2.049 7.854 2.146C7.951 2.244 8 2.362 8 2.5L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 3.707L6.707 4C6.609 4.098 6.492 4.146 6.354 4.146C6.215 4.146 6.098 4.098 6 4C5.902 3.902 5.854 3.785 5.854 3.646ZM12.577 10.577C12.529 10.455 12.529 10.334 12.578 10.211C12.789 9.679 12.921 9.127 12.974 8.557C13.03 7.961 12.997 7.37 12.876 6.784C12.754 6.199 12.55 5.643 12.263 5.118C11.988 4.616 11.648 4.162 11.243 3.757C11.145 3.66 11.096 3.542 11.096 3.404C11.096 3.266 11.145 3.148 11.243 3.05C11.342 2.951 11.46 2.901 11.596 2.901C11.732 2.901 11.85 2.951 11.95 3.05C12.422 3.523 12.819 4.052 13.14 4.638C13.475 5.25 13.713 5.898 13.855 6.582C13.996 7.265 14.035 7.955 13.97 8.65C13.908 9.315 13.754 9.958 13.507 10.579C13.457 10.708 13.368 10.799 13.241 10.854C13.115 10.909 12.989 10.911 12.861 10.861L12.577 10.577ZM10.001 8.001C10 7.99 10 7.979 10 7.968C9.996 7.575 9.917 7.198 9.765 6.837C9.613 6.475 9.399 6.156 9.121 5.879C9.024 5.781 8.975 5.663 8.975 5.525C8.975 5.387 9.024 5.269 9.121 5.172C9.221 5.072 9.339 5.022 9.475 5.022C9.611 5.022 9.729 5.072 9.828 5.172C10.198 5.541 10.484 5.967 10.687 6.449C10.89 6.931 10.994 7.434 11 7.957C11.001 8.098 10.954 8.217 10.859 8.314C10.764 8.411 10.646 8.461 10.505 8.462C10.49 8.462 10.475 8.462 10.461 8.461L10.001 8.001Z"/></svg>

React

// Gentleface "volume-off" (line-round), MIT. https://gentleface.com/icons/volume-off
import type { SVGProps } from 'react';

export function VolumeOffIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M15.003 14.5C15.003 14.636 14.953 14.754 14.854 14.854C14.754 14.953 14.636 15.003 14.5 15.003C14.364 15.003 14.246 14.953 14.146 14.854L8 8.707L8 13.5C8 13.641 7.952 13.759 7.856 13.856C7.759 13.952 7.641 14 7.5 14C7.362 14 7.244 13.951 7.146 13.854L4.854 11.561C4.674 11.381 4.467 11.243 4.233 11.146C3.998 11.049 3.754 11 3.5 11L3 11C2.746 11 2.5 10.953 2.264 10.86C2.007 10.758 1.781 10.609 1.586 10.414C1.391 10.219 1.242 9.993 1.14 9.736C1.047 9.5 1 9.254 1 9L1 7C1 6.746 1.047 6.5 1.14 6.264C1.242 6.007 1.391 5.781 1.586 5.586C1.781 5.391 2.007 5.242 2.264 5.14C2.5 5.047 2.746 5 3 5L3.5 5C3.737 5 3.961 4.96 4.173 4.88L1.146 1.854C1.047 1.754 0.997 1.636 0.997 1.5C0.997 1.364 1.047 1.246 1.146 1.146C1.246 1.047 1.364 0.997 1.5 0.997C1.636 0.997 1.754 1.047 1.854 1.146L14.854 14.146C14.953 14.246 15.003 14.364 15.003 14.5ZM7 7.707L4.923 5.63C4.487 5.877 4.012 6 3.5 6L3 6C2.724 6 2.488 6.098 2.293 6.293C2.098 6.488 2 6.724 2 7L2 9C2 9.276 2.098 9.512 2.293 9.707C2.488 9.902 2.724 10 3 10L3.5 10C3.886 10 4.258 10.074 4.615 10.222C4.972 10.37 5.287 10.58 5.561 10.854L7 12.293L7 7.707ZM5.854 3.646C5.854 3.508 5.902 3.391 6 3.293L7.146 2.146C7.244 2.049 7.362 2 7.5 2C7.638 2 7.756 2.049 7.854 2.146C7.951 2.244 8 2.362 8 2.5L8 4.5C8 4.641 7.952 4.759 7.856 4.856C7.759 4.952 7.641 5 7.5 5C7.359 5 7.241 4.952 7.144 4.856C7.048 4.759 7 4.641 7 4.5L7 3.707L6.707 4C6.609 4.098 6.492 4.146 6.354 4.146C6.215 4.146 6.098 4.098 6 4C5.902 3.902 5.854 3.785 5.854 3.646ZM12.577 10.577C12.529 10.455 12.529 10.334 12.578 10.211C12.789 9.679 12.921 9.127 12.974 8.557C13.03 7.961 12.997 7.37 12.876 6.784C12.754 6.199 12.55 5.643 12.263 5.118C11.988 4.616 11.648 4.162 11.243 3.757C11.145 3.66 11.096 3.542 11.096 3.404C11.096 3.266 11.145 3.148 11.243 3.05C11.342 2.951 11.46 2.901 11.596 2.901C11.732 2.901 11.85 2.951 11.95 3.05C12.422 3.523 12.819 4.052 13.14 4.638C13.475 5.25 13.713 5.898 13.855 6.582C13.996 7.265 14.035 7.955 13.97 8.65C13.908 9.315 13.754 9.958 13.507 10.579C13.457 10.708 13.368 10.799 13.241 10.854C13.115 10.909 12.989 10.911 12.861 10.861L12.577 10.577ZM10.001 8.001C10 7.99 10 7.979 10 7.968C9.996 7.575 9.917 7.198 9.765 6.837C9.613 6.475 9.399 6.156 9.121 5.879C9.024 5.781 8.975 5.663 8.975 5.525C8.975 5.387 9.024 5.269 9.121 5.172C9.221 5.072 9.339 5.022 9.475 5.022C9.611 5.022 9.729 5.072 9.828 5.172C10.198 5.541 10.484 5.967 10.687 6.449C10.89 6.931 10.994 7.434 11 7.957C11.001 8.098 10.954 8.217 10.859 8.314C10.764 8.411 10.646 8.461 10.505 8.462C10.49 8.462 10.475 8.462 10.461 8.461L10.001 8.001Z" />
    </svg>
  );
}

Vue

Vue: see /icons/volume-off.md

Svelte

Svelte: see /icons/volume-off.md

HTML img

HTML img: see /icons/volume-off.md

CSS

CSS: see /icons/volume-off.md

Data URL

Data URL: see /icons/volume-off.md

Sprite

Sprite: see /icons/volume-off.md

SwiftUI

SwiftUI: see /icons/volume-off.md

Compose

Compose: see /icons/volume-off.md

Android XML

Android XML: see /icons/volume-off.md

Flutter

Flutter: see /icons/volume-off.md

Each SVG is 16 × 16 with fill="currentColor". Keep it at 16 px or an exact multiple (32, 48) on whole pixels: a fractional size or position blurs it. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.

Meaning

Use it for

mute, sound off, muted, mute sound

Example

Mute button in a media player

Alternatives

mic-off: mute your own microphone in a call (mute-microphone)
music-off: turn off the background music only (music-off)

Also fits

headphones disconnected: mute the sound (mute)
music off: mute all sound, not only the music (mute)

Not for

hearing impaired (use ear-off): volume-off means mute, not deafness
mute microphone (use mic-off): volume-off mutes what you hear (mute); muting yourself in a call is mic-off
volume down (use volume-low): mute silences the sound completely (mute)
notifications off (use bell-off): volume-off mutes sound, not notifications

Built from

volume + slash

Tags

speaker, audio, sound, loud, slash

Category

Audio & video

Component name

VolumeOffIcon

History

2026-10-14 added

Family 3

volume volume-gear volume-low

More audio & video icons

album aspect-ratio audio-lines cassette clapperboard disc eject explicit fast-forward film guitar hd headphones headphones-off headset headset-off · all audio & video icons

For agents

Metadata: /icons/volume-off.json · Markdown: /icons/volume-off.md · SVG: https://gentleface.com/svg/{style}/16/volume-off.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/volume-off.png

volume-off icon Copy name

line-round

line-soft

line-sharp

solid-round

solid-soft

solid-sharp