speaker notes off icon

speaker-notes-off-rounded from Material Symbols Light by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.

Name: speaker-notes-off-rounded
Set: Material Symbols Light
Style: Rounded
Category: Communicate
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

speaker-notes-off speaker-notes-off-outline speaker-notes-off-outline-rounded speaker-notes-off-outline-sharp speaker-notes-off-sharp

The same icon in other sets

speaker-notes-offMaterial Symbols

More communicate icons from Material Symbols Light

Use the speaker notes off icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.077 17l-1.704 1.704q-.379.379-.876.174T3 18.133V4.116h1.116l6.653 6.653H9.354L1.362 2.777q-.14-.14-.15-.344t.15-.364t.354-.16t.353.16l18.554 18.554q.14.14.153.342t-.153.366q-.16.16-.354.16t-.353-.16L15.572 17zM21 4.616v11.513q0 .292-.175.488t-.43.264t-.541.01t-.535-.306L13.292 10.5H17q.214 0 .357-.143T17.5 10t-.143-.357T17 9.5h-4.708l-1.942-2H17q.214 0 .357-.143T17.5 7t-.143-.357T17 6.5h-6.558q-.213 0-.356.143T9.942 7v.092L7.223 4.373q-.192-.192-.22-.42q-.028-.226.059-.443q.086-.218.273-.364Q7.52 3 7.795 3h11.59q.69 0 1.153.463T21 4.615M7.693 13.54q.23-.23.23-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23m0-3q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightSpeakerNotesOffRounded(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="m6.077 17l-1.704 1.704q-.379.379-.876.174T3 18.133V4.116h1.116l6.653 6.653H9.354L1.362 2.777q-.14-.14-.15-.344t.15-.364t.354-.16t.353.16l18.554 18.554q.14.14.153.342t-.153.366q-.16.16-.354.16t-.353-.16L15.572 17zM21 4.616v11.513q0 .292-.175.488t-.43.264t-.541.01t-.535-.306L13.292 10.5H17q.214 0 .357-.143T17.5 10t-.143-.357T17 9.5h-4.708l-1.942-2H17q.214 0 .357-.143T17.5 7t-.143-.357T17 6.5h-6.558q-.213 0-.356.143T9.942 7v.092L7.223 4.373q-.192-.192-.22-.42q-.028-.226.059-.443q.086-.218.273-.364Q7.52 3 7.795 3h11.59q.69 0 1.153.463T21 4.615M7.693 13.54q.23-.23.23-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23m0-3q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m6.077 17l-1.704 1.704q-.379.379-.876.174T3 18.133V4.116h1.116l6.653 6.653H9.354L1.362 2.777q-.14-.14-.15-.344t.15-.364t.354-.16t.353.16l18.554 18.554q.14.14.153.342t-.153.366q-.16.16-.354.16t-.353-.16L15.572 17zM21 4.616v11.513q0 .292-.175.488t-.43.264t-.541.01t-.535-.306L13.292 10.5H17q.214 0 .357-.143T17.5 10t-.143-.357T17 9.5h-4.708l-1.942-2H17q.214 0 .357-.143T17.5 7t-.143-.357T17 6.5h-6.558q-.213 0-.356.143T9.942 7v.092L7.223 4.373q-.192-.192-.22-.42q-.028-.226.059-.443q.086-.218.273-.364Q7.52 3 7.795 3h11.59q.69 0 1.153.463T21 4.615M7.693 13.54q.23-.23.23-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23m0-3q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23"/></svg>
</template>

CSS

.icon-speaker-notes-off-rounded {
  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%22m6.077%2017l-1.704%201.704q-.379.379-.876.174T3%2018.133V4.116h1.116l6.653%206.653H9.354L1.362%202.777q-.14-.14-.15-.344t.15-.364t.354-.16t.353.16l18.554%2018.554q.14.14.153.342t-.153.366q-.16.16-.354.16t-.353-.16L15.572%2017zM21%204.616v11.513q0%20.292-.175.488t-.43.264t-.541.01t-.535-.306L13.292%2010.5H17q.214%200%20.357-.143T17.5%2010t-.143-.357T17%209.5h-4.708l-1.942-2H17q.214%200%20.357-.143T17.5%207t-.143-.357T17%206.5h-6.558q-.213%200-.356.143T9.942%207v.092L7.223%204.373q-.192-.192-.22-.42q-.028-.226.059-.443q.086-.218.273-.364Q7.52%203%207.795%203h11.59q.69%200%201.153.463T21%204.615M7.693%2013.54q.23-.23.23-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23m0-3q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23%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%22m6.077%2017l-1.704%201.704q-.379.379-.876.174T3%2018.133V4.116h1.116l6.653%206.653H9.354L1.362%202.777q-.14-.14-.15-.344t.15-.364t.354-.16t.353.16l18.554%2018.554q.14.14.153.342t-.153.366q-.16.16-.354.16t-.353-.16L15.572%2017zM21%204.616v11.513q0%20.292-.175.488t-.43.264t-.541.01t-.535-.306L13.292%2010.5H17q.214%200%20.357-.143T17.5%2010t-.143-.357T17%209.5h-4.708l-1.942-2H17q.214%200%20.357-.143T17.5%207t-.143-.357T17%206.5h-6.558q-.213%200-.356.143T9.942%207v.092L7.223%204.373q-.192-.192-.22-.42q-.028-.226.059-.443q.086-.218.273-.364Q7.52%203%207.795%203h11.59q.69%200%201.153.463T21%204.615M7.693%2013.54q.23-.23.23-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23m0-3q.229-.23.229-.54t-.23-.54t-.54-.23t-.538.23t-.23.54t.23.54t.539.23t.54-.23%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/speaker-notes-off-rounded.svg?color=%231a73e8&size=48