Closed Caption Disabled icon

Closed Caption Disabled is a Google Material Symbol from the Audio&Video category. It comes in outlined, rounded and sharp styles, filled or unfilled, at seven weights from 100 to 700. Download it as SVG or PNG, or copy code for HTML, React, Vue, Angular, Flutter and Android — it's free to use under the Apache License 2.0.

Outlined

SVG

Outlined, filled

SVG

Every style, fill and weight

Material Symbols are variable: each icon comes in three styles, with or without fill, at seven weights. Pick a combination to preview it, download it, or copy the code for your platform.

Outlined, unfilled, weight 400

closed_caption_disabled_outlined_fill0_wght400.svg

Closed Caption Disabled icon in HTML

Load the Material Symbols font from Google Fonts (this link loads just this icon), then use the icon's name as text.

<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200&icon_names=closed_caption_disabled" />

<span class="material-symbols-outlined">closed_caption_disabled</span>

Closed Caption Disabled icon in React

// With the font from the HTML tab:
export function ClosedCaptionDisabledIcon() {
  return (
    <span className="material-symbols-outlined">
      closed_caption_disabled
    </span>
  );
}

// Or as an SVG component (Vite + vite-plugin-svgr) instead:
//   npm install @material-symbols/svg-400
//   import ClosedCaptionDisabledIcon from "@material-symbols/svg-400/outlined/closed_caption_disabled.svg?react";

Closed Caption Disabled icon in Vue

<!-- With the font from the HTML tab -->
<template>
  <span class="material-symbols-outlined">closed_caption_disabled</span>
</template>

<!-- Or as an SVG component (Vite + vite-svg-loader):
     npm install @material-symbols/svg-400
     import ClosedCaptionDisabledIcon from "@material-symbols/svg-400/outlined/closed_caption_disabled.svg?component"; -->

Closed Caption Disabled icon in Angular

With Angular Material and the font from the HTML tab:

<mat-icon fontSet="material-symbols-outlined">closed_caption_disabled</mat-icon>

Closed Caption Disabled icon in Flutter

Uses the community material_symbols_icons package.

flutter pub add material_symbols_icons

import 'package:material_symbols_icons/symbols.dart';

Icon(Symbols.closed_caption_disabled, fill: 0, weight: 400)

Closed Caption Disabled icon in Android

A vector drawable of the selected style, fill and weight:

<!-- res/drawable/closed_caption_disabled.xml -->
<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="24dp"
    android:height="24dp"
    android:viewportWidth="24"
    android:viewportHeight="24"
    android:tint="?attr/colorControlNormal">
        <path android:fillColor="@android:color/white" android:pathData="m9.025 9.025 1.25 1.25H7.25v3.45h2.55v-.55h1.25v1.05q0 .319-.215 .534Q10.619 14.975 10.3 14.975H6.75q-.319 0-.534-.216Q6 14.544 6 14.225v-4.45q0-.319 .216-.534Q6.431 9.025 6.75 9.025h2.275ZM6.15 4h13.35q.575 0 1.038 .463T21 5.5v13.35l-1.5-1.5v-11.85H7.65l-1.5-1.5Zm11.875 9.175v.975q0 .325-.212 .538T17.275 14.9h-.225l-1.175-1.175h.9v-.55h1.25Zm-1.25-2.35v-.55H14.225v1.8l-1.25-1.25v-1.05q0-.319 .216-.534Q13.406 9.025 13.725 9.025h3.55q.319 0 .535 .216Q18.025 9.456 18.025 9.775v1.05h-1.25Zm-3.2 .6Zm-3.15 1.15ZM4.075 4.075l1.425 1.425h-1v13h11.85L.65 2.8l1.075-1.075L21.9 21.9l-1.075 1.075-2.975-2.975H4.5q-.6 0-1.05-.45t-.45-1.05v-13q0-.498 .313-.887T4.075 4.075Z" />
</vector>

Closed Caption Disabled icon in SVG

npm install @material-symbols/svg-400

import icon from "@material-symbols/svg-400/outlined/closed_caption_disabled.svg";

<!-- or load it from a CDN -->
<img src="https://cdn.jsdelivr.net/npm/@material-symbols/[email protected]/outlined/closed_caption_disabled.svg" width="24" height="24" alt="Closed Caption Disabled">

Closed Caption Disabled icon in Power Apps

Paste into an Image control's Image property. The Copy button copies the full formula with this icon's SVG.

"data:image/svg+xml;utf8, " & EncodeUrl("<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'>…</svg>")

Details

NameClosed Caption Disabled
Ligatureclosed_caption_disabled
Code pointU+F1DC
CategoryAudio&Video
StylesOutlined, Rounded, Sharp — each unfilled or filled
Weights100, 200, 300, 400, 500, 600, 700
Files@material-symbols/svg-400/outlined/closed_caption_disabled.svg, closed_caption_disabled-fill.svg
FlutterSymbols.closed_caption_disabled
LicenseApache License 2.0 (© Google LLC)

Keywords

audio and videomedialinesvideotypeonoffslashenabledletterscharacteraudiofont

Related icons