closed caption disabled icon

closed-caption-disabled-sharp from Material Symbols Light by Google · Sharp · Audio & Video · Apache-2.0 Free for personal and commercial use.

Name: closed-caption-disabled-sharp
Set: Material Symbols Light
Style: Sharp
Category: Audio & Video
Viewbox: 24×24
License: Apache 2.0

5 other variants in Material Symbols Light

closed-caption-disabled closed-caption-disabled-outline closed-caption-disabled-outline-rounded closed-caption-disabled-outline-sharp closed-caption-disabled-rounded

The same icon in other sets

closed-caption-disabledMaterial Symbols

More audio & video icons from Material Symbols Light

10k 1k 1k-plus 2d 2d-2 2k 2k-plus 30fps 3d 3d-2 3k 3k-plus 4k 4k-plus 5k 5k-plus 60fps 6k 6k-plus 7k 7k-plus 8k 8k-plus 9k

Use the closed caption disabled icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 19V5.421L1.887 3.308l.713-.714l19.223 19.223l-.713.714L17.579 19zm16-1.817l-2.721-2.721h.029V13.23h-.885v.346h-.029l-2.586-2.586v-.799h2.615v.616h.885v-1.5h-4.346v.836L7.817 5H20zm-13.308-2.49h4.385V13.42l-.19-.19h-.695v.577H7.577v-3.656h1.154l-.798-.798h-1.24z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightClosedCaptionDisabledSharp(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="M4 19V5.421L1.887 3.308l.713-.714l19.223 19.223l-.713.714L17.579 19zm16-1.817l-2.721-2.721h.029V13.23h-.885v.346h-.029l-2.586-2.586v-.799h2.615v.616h.885v-1.5h-4.346v.836L7.817 5H20zm-13.308-2.49h4.385V13.42l-.19-.19h-.695v.577H7.577v-3.656h1.154l-.798-.798h-1.24z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4 19V5.421L1.887 3.308l.713-.714l19.223 19.223l-.713.714L17.579 19zm16-1.817l-2.721-2.721h.029V13.23h-.885v.346h-.029l-2.586-2.586v-.799h2.615v.616h.885v-1.5h-4.346v.836L7.817 5H20zm-13.308-2.49h4.385V13.42l-.19-.19h-.695v.577H7.577v-3.656h1.154l-.798-.798h-1.24z"/></svg>
</template>

CSS

.icon-closed-caption-disabled-sharp {
  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%22M4%2019V5.421L1.887%203.308l.713-.714l19.223%2019.223l-.713.714L17.579%2019zm16-1.817l-2.721-2.721h.029V13.23h-.885v.346h-.029l-2.586-2.586v-.799h2.615v.616h.885v-1.5h-4.346v.836L7.817%205H20zm-13.308-2.49h4.385V13.42l-.19-.19h-.695v.577H7.577v-3.656h1.154l-.798-.798h-1.24z%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%22M4%2019V5.421L1.887%203.308l.713-.714l19.223%2019.223l-.713.714L17.579%2019zm16-1.817l-2.721-2.721h.029V13.23h-.885v.346h-.029l-2.586-2.586v-.799h2.615v.616h.885v-1.5h-4.346v.836L7.817%205H20zm-13.308-2.49h4.385V13.42l-.19-.19h-.695v.577H7.577v-3.656h1.154l-.798-.798h-1.24z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/closed-caption-disabled-sharp.svg?color=%231a73e8&size=48