closed caption off icon
closed-caption-off-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- closed-caption-off-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- 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.06zM21.44 22.5H6.25a2.75 2.75 0 0 1-2.75-2.75V8.25c0-1 .534-1.876 1.332-2.357l4.072 4.071a3.5 3.5 0 0 0-1.67 1.318c-.47.695-.734 1.6-.734 2.718s.263 2.023.735 2.718a3.53 3.53 0 0 0 1.803 1.366a4.3 4.3 0 0 0 2.013.173c.622-.092 1.226-.318 1.668-.671a.75.75 0 1 0-.937-1.172c-.184.147-.517.295-.95.36a2.8 2.8 0 0 1-1.308-.108a2.03 2.03 0 0 1-1.048-.79C8.206 15.477 8 14.882 8 14s.206-1.477.476-1.876a2.04 2.04 0 0 1 1.048-.79c.2-.068.41-.11.62-.129l5.849 5.849q.165.188.345.345zM7.182 4l1.5 1.5H21.75a2.75 2.75 0 0 1 2.75 2.75v11.5c0 .455-.11.884-.306 1.262l1.094 1.094A4.23 4.23 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4zm14.036 13.586a3 3 0 0 1-.265.185l-1.12-1.12a1.6 1.6 0 0 0 .449-.237a.75.75 0 1 1 .936 1.171m-5.912-5.462l1.235 1.235c.072-.542.236-.942.435-1.235c.27-.397.637-.648 1.049-.79c.419-.143.882-.17 1.306-.108c.434.064.768.213.95.36a.75.75 0 1 0 .938-1.172c-.443-.353-1.046-.58-1.668-.672a4.3 4.3 0 0 0-2.013.174a3.53 3.53 0 0 0-1.803 1.366a4 4 0 0 0-.43.842"/></svg>
React
import type { SVGProps } from "react";
export function FluentClosedCaptionOff28Regular(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.06zM21.44 22.5H6.25a2.75 2.75 0 0 1-2.75-2.75V8.25c0-1 .534-1.876 1.332-2.357l4.072 4.071a3.5 3.5 0 0 0-1.67 1.318c-.47.695-.734 1.6-.734 2.718s.263 2.023.735 2.718a3.53 3.53 0 0 0 1.803 1.366a4.3 4.3 0 0 0 2.013.173c.622-.092 1.226-.318 1.668-.671a.75.75 0 1 0-.937-1.172c-.184.147-.517.295-.95.36a2.8 2.8 0 0 1-1.308-.108a2.03 2.03 0 0 1-1.048-.79C8.206 15.477 8 14.882 8 14s.206-1.477.476-1.876a2.04 2.04 0 0 1 1.048-.79c.2-.068.41-.11.62-.129l5.849 5.849q.165.188.345.345zM7.182 4l1.5 1.5H21.75a2.75 2.75 0 0 1 2.75 2.75v11.5c0 .455-.11.884-.306 1.262l1.094 1.094A4.23 4.23 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4zm14.036 13.586a3 3 0 0 1-.265.185l-1.12-1.12a1.6 1.6 0 0 0 .449-.237a.75.75 0 1 1 .936 1.171m-5.912-5.462l1.235 1.235c.072-.542.236-.942.435-1.235c.27-.397.637-.648 1.049-.79c.419-.143.882-.17 1.306-.108c.434.064.768.213.95.36a.75.75 0 1 0 .938-1.172c-.443-.353-1.046-.58-1.668-.672a4.3 4.3 0 0 0-2.013.174a3.53 3.53 0 0 0-1.803 1.366a4 4 0 0 0-.43.842"/></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.06zM21.44 22.5H6.25a2.75 2.75 0 0 1-2.75-2.75V8.25c0-1 .534-1.876 1.332-2.357l4.072 4.071a3.5 3.5 0 0 0-1.67 1.318c-.47.695-.734 1.6-.734 2.718s.263 2.023.735 2.718a3.53 3.53 0 0 0 1.803 1.366a4.3 4.3 0 0 0 2.013.173c.622-.092 1.226-.318 1.668-.671a.75.75 0 1 0-.937-1.172c-.184.147-.517.295-.95.36a2.8 2.8 0 0 1-1.308-.108a2.03 2.03 0 0 1-1.048-.79C8.206 15.477 8 14.882 8 14s.206-1.477.476-1.876a2.04 2.04 0 0 1 1.048-.79c.2-.068.41-.11.62-.129l5.849 5.849q.165.188.345.345zM7.182 4l1.5 1.5H21.75a2.75 2.75 0 0 1 2.75 2.75v11.5c0 .455-.11.884-.306 1.262l1.094 1.094A4.23 4.23 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4zm14.036 13.586a3 3 0 0 1-.265.185l-1.12-1.12a1.6 1.6 0 0 0 .449-.237a.75.75 0 1 1 .936 1.171m-5.912-5.462l1.235 1.235c.072-.542.236-.942.435-1.235c.27-.397.637-.648 1.049-.79c.419-.143.882-.17 1.306-.108c.434.064.768.213.95.36a.75.75 0 1 0 .938-1.172c-.443-.353-1.046-.58-1.668-.672a4.3 4.3 0 0 0-2.013.174a3.53 3.53 0 0 0-1.803 1.366a4 4 0 0 0-.43.842"/></svg> </template>
CSS
.icon-closed-caption-off-28-regular {
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.06zM21.44%2022.5H6.25a2.75%202.75%200%200%201-2.75-2.75V8.25c0-1%20.534-1.876%201.332-2.357l4.072%204.071a3.5%203.5%200%200%200-1.67%201.318c-.47.695-.734%201.6-.734%202.718s.263%202.023.735%202.718a3.53%203.53%200%200%200%201.803%201.366a4.3%204.3%200%200%200%202.013.173c.622-.092%201.226-.318%201.668-.671a.75.75%200%201%200-.937-1.172c-.184.147-.517.295-.95.36a2.8%202.8%200%200%201-1.308-.108a2.03%202.03%200%200%201-1.048-.79C8.206%2015.477%208%2014.882%208%2014s.206-1.477.476-1.876a2.04%202.04%200%200%201%201.048-.79c.2-.068.41-.11.62-.129l5.849%205.849q.165.188.345.345zM7.182%204l1.5%201.5H21.75a2.75%202.75%200%200%201%202.75%202.75v11.5c0%20.455-.11.884-.306%201.262l1.094%201.094A4.23%204.23%200%200%200%2026%2019.75V8.25A4.25%204.25%200%200%200%2021.75%204zm14.036%2013.586a3%203%200%200%201-.265.185l-1.12-1.12a1.6%201.6%200%200%200%20.449-.237a.75.75%200%201%201%20.936%201.171m-5.912-5.462l1.235%201.235c.072-.542.236-.942.435-1.235c.27-.397.637-.648%201.049-.79c.419-.143.882-.17%201.306-.108c.434.064.768.213.95.36a.75.75%200%201%200%20.938-1.172c-.443-.353-1.046-.58-1.668-.672a4.3%204.3%200%200%200-2.013.174a3.53%203.53%200%200%200-1.803%201.366a4%204%200%200%200-.43.842%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.06zM21.44%2022.5H6.25a2.75%202.75%200%200%201-2.75-2.75V8.25c0-1%20.534-1.876%201.332-2.357l4.072%204.071a3.5%203.5%200%200%200-1.67%201.318c-.47.695-.734%201.6-.734%202.718s.263%202.023.735%202.718a3.53%203.53%200%200%200%201.803%201.366a4.3%204.3%200%200%200%202.013.173c.622-.092%201.226-.318%201.668-.671a.75.75%200%201%200-.937-1.172c-.184.147-.517.295-.95.36a2.8%202.8%200%200%201-1.308-.108a2.03%202.03%200%200%201-1.048-.79C8.206%2015.477%208%2014.882%208%2014s.206-1.477.476-1.876a2.04%202.04%200%200%201%201.048-.79c.2-.068.41-.11.62-.129l5.849%205.849q.165.188.345.345zM7.182%204l1.5%201.5H21.75a2.75%202.75%200%200%201%202.75%202.75v11.5c0%20.455-.11.884-.306%201.262l1.094%201.094A4.23%204.23%200%200%200%2026%2019.75V8.25A4.25%204.25%200%200%200%2021.75%204zm14.036%2013.586a3%203%200%200%201-.265.185l-1.12-1.12a1.6%201.6%200%200%200%20.449-.237a.75.75%200%201%201%20.936%201.171m-5.912-5.462l1.235%201.235c.072-.542.236-.942.435-1.235c.27-.397.637-.648%201.049-.79c.419-.143.882-.17%201.306-.108c.434.064.768.213.95.36a.75.75%200%201%200%20.938-1.172c-.443-.353-1.046-.58-1.668-.672a4.3%204.3%200%200%200-2.013.174a3.53%203.53%200%200%200-1.803%201.366a4%204%200%200%200-.43.842%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-regular.svg?color=%231a73e8&size=48
