closed caption off icon
closed-caption-off-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- closed-caption-off-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
Use the closed caption off icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l1.53 1.532A4.24 4.24 0 0 0 2 8.25v11.5A4.25 4.25 0 0 0 6.25 24h15.5q.549-.001 1.057-.133l1.912 1.913a.75.75 0 0 0 1.061-1.06zm6.865 8.985q-.318.027-.62.13c-.413.14-.78.392-1.049.79C8.206 12.522 8 13.117 8 14s.206 1.477.476 1.876c.27.397.636.648 1.048.79c.42.143.883.17 1.308.108c.433-.065.766-.213.95-.36a.75.75 0 1 1 .937 1.171c-.442.354-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.173a3.53 3.53 0 0 1-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.5 3.5 0 0 1 1.669-1.318zM7.182 4l8.124 8.124q.17-.464.429-.842a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174c.622.092 1.226.319 1.668.672a.75.75 0 1 1-.937 1.172c-.183-.147-.517-.296-.95-.36a2.8 2.8 0 0 0-1.308.108a2.04 2.04 0 0 0-1.048.79c-.199.293-.363.693-.435 1.235l3.291 3.291a1.6 1.6 0 0 0 .45-.236a.75.75 0 1 1 .936 1.171a3 3 0 0 1-.265.186l4.335 4.335A4.23 4.23 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4z"/></svg>
React
import type { SVGProps } from "react";
export function FluentClosedCaptionOff28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l1.53 1.532A4.24 4.24 0 0 0 2 8.25v11.5A4.25 4.25 0 0 0 6.25 24h15.5q.549-.001 1.057-.133l1.912 1.913a.75.75 0 0 0 1.061-1.06zm6.865 8.985q-.318.027-.62.13c-.413.14-.78.392-1.049.79C8.206 12.522 8 13.117 8 14s.206 1.477.476 1.876c.27.397.636.648 1.048.79c.42.143.883.17 1.308.108c.433-.065.766-.213.95-.36a.75.75 0 1 1 .937 1.171c-.442.354-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.173a3.53 3.53 0 0 1-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.5 3.5 0 0 1 1.669-1.318zM7.182 4l8.124 8.124q.17-.464.429-.842a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174c.622.092 1.226.319 1.668.672a.75.75 0 1 1-.937 1.172c-.183-.147-.517-.296-.95-.36a2.8 2.8 0 0 0-1.308.108a2.04 2.04 0 0 0-1.048.79c-.199.293-.363.693-.435 1.235l3.291 3.291a1.6 1.6 0 0 0 .45-.236a.75.75 0 1 1 .936 1.171a3 3 0 0 1-.265.186l4.335 4.335A4.23 4.23 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l1.53 1.532A4.24 4.24 0 0 0 2 8.25v11.5A4.25 4.25 0 0 0 6.25 24h15.5q.549-.001 1.057-.133l1.912 1.913a.75.75 0 0 0 1.061-1.06zm6.865 8.985q-.318.027-.62.13c-.413.14-.78.392-1.049.79C8.206 12.522 8 13.117 8 14s.206 1.477.476 1.876c.27.397.636.648 1.048.79c.42.143.883.17 1.308.108c.433-.065.766-.213.95-.36a.75.75 0 1 1 .937 1.171c-.442.354-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.173a3.53 3.53 0 0 1-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.5 3.5 0 0 1 1.669-1.318zM7.182 4l8.124 8.124q.17-.464.429-.842a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174c.622.092 1.226.319 1.668.672a.75.75 0 1 1-.937 1.172c-.183-.147-.517-.296-.95-.36a2.8 2.8 0 0 0-1.308.108a2.04 2.04 0 0 0-1.048.79c-.199.293-.363.693-.435 1.235l3.291 3.291a1.6 1.6 0 0 0 .45-.236a.75.75 0 1 1 .936 1.171a3 3 0 0 1-.265.186l4.335 4.335A4.23 4.23 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4z"/></svg> </template>
CSS
.icon-closed-caption-off-28-filled {
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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.28%202.22a.75.75%200%200%200-1.06%201.06l1.53%201.532A4.24%204.24%200%200%200%202%208.25v11.5A4.25%204.25%200%200%200%206.25%2024h15.5q.549-.001%201.057-.133l1.912%201.913a.75.75%200%200%200%201.061-1.06zm6.865%208.985q-.318.027-.62.13c-.413.14-.78.392-1.049.79C8.206%2012.522%208%2013.117%208%2014s.206%201.477.476%201.876c.27.397.636.648%201.048.79c.42.143.883.17%201.308.108c.433-.065.766-.213.95-.36a.75.75%200%201%201%20.937%201.171c-.442.354-1.046.58-1.668.672a4.3%204.3%200%200%201-2.013-.173a3.53%203.53%200%200%201-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.5%203.5%200%200%201%201.669-1.318zM7.182%204l8.124%208.124q.17-.464.429-.842a3.53%203.53%200%200%201%201.803-1.366a4.3%204.3%200%200%201%202.013-.174c.622.092%201.226.319%201.668.672a.75.75%200%201%201-.937%201.172c-.183-.147-.517-.296-.95-.36a2.8%202.8%200%200%200-1.308.108a2.04%202.04%200%200%200-1.048.79c-.199.293-.363.693-.435%201.235l3.291%203.291a1.6%201.6%200%200%200%20.45-.236a.75.75%200%201%201%20.936%201.171a3%203%200%200%201-.265.186l4.335%204.335A4.23%204.23%200%200%200%2026%2019.75V8.25A4.25%204.25%200%200%200%2021.75%204z%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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M3.28%202.22a.75.75%200%200%200-1.06%201.06l1.53%201.532A4.24%204.24%200%200%200%202%208.25v11.5A4.25%204.25%200%200%200%206.25%2024h15.5q.549-.001%201.057-.133l1.912%201.913a.75.75%200%200%200%201.061-1.06zm6.865%208.985q-.318.027-.62.13c-.413.14-.78.392-1.049.79C8.206%2012.522%208%2013.117%208%2014s.206%201.477.476%201.876c.27.397.636.648%201.048.79c.42.143.883.17%201.308.108c.433-.065.766-.213.95-.36a.75.75%200%201%201%20.937%201.171c-.442.354-1.046.58-1.668.672a4.3%204.3%200%200%201-2.013-.173a3.53%203.53%200%200%201-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.5%203.5%200%200%201%201.669-1.318zM7.182%204l8.124%208.124q.17-.464.429-.842a3.53%203.53%200%200%201%201.803-1.366a4.3%204.3%200%200%201%202.013-.174c.622.092%201.226.319%201.668.672a.75.75%200%201%201-.937%201.172c-.183-.147-.517-.296-.95-.36a2.8%202.8%200%200%200-1.308.108a2.04%202.04%200%200%200-1.048.79c-.199.293-.363.693-.435%201.235l3.291%203.291a1.6%201.6%200%200%200%20.45-.236a.75.75%200%201%201%20.936%201.171a3%203%200%200%201-.265.186l4.335%204.335A4.23%204.23%200%200%200%2026%2019.75V8.25A4.25%204.25%200%200%200%2021.75%204z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/closed-caption-off-28-filled.svg?color=%231a73e8&size=48
