closed caption icon

closed-caption-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.

Name
closed-caption-28-filled
Set
Fluent UI System Icons
Style
28 Filled
Viewbox
28×28
License
MIT

11 other variants in Fluent UI System Icons

closed-caption-16-filledclosed-caption-16-regularclosed-caption-20-filledclosed-caption-20-regularclosed-caption-24-filledclosed-caption-24-regularclosed-caption-28-regularclosed-caption-32-filledclosed-caption-32-regularclosed-caption-48-filledclosed-caption-48-regular

The same icon in other sets

closed-captionCarbonclosed-captionHuge Iconsclosed-captionLucideclosed-captionMaterial Symbolsclosed-captionMaterial Symbols Lightclosed-captionMaterial Design Icons

Related icons in Fluent UI System Icons

closed-caption-off-16-filled

Use the closed caption icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.25 4A4.25 4.25 0 0 0 2 8.25v11.5A4.25 4.25 0 0 0 6.25 24h15.5A4.25 4.25 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4zm4.801 5.742c.622.093 1.226.319 1.668.672a.75.75 0 1 1-.937 1.172c-.184-.147-.517-.296-.95-.36a2.8 2.8 0 0 0-1.308.108a2.04 2.04 0 0 0-1.048.79C8.206 12.523 8 13.118 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 0 1 .937 1.172c-.442.353-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.174a3.53 3.53 0 0 1-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174m10.167.672a.75.75 0 1 1-.936 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-.27.399-.476.994-.476 1.876s.206 1.477.476 1.876c.27.397.637.648 1.049.79c.419.143.882.17 1.306.108c.434-.065.768-.213.95-.36a.75.75 0 0 1 .938 1.172c-.443.353-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.174a3.53 3.53 0 0 1-1.803-1.366C15.263 16.023 15 15.118 15 14s.263-2.023.735-2.718a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174c.622.093 1.226.319 1.668.672"/></svg>

React

import type { SVGProps } from "react";

export function FluentClosedCaption28Filled(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="M6.25 4A4.25 4.25 0 0 0 2 8.25v11.5A4.25 4.25 0 0 0 6.25 24h15.5A4.25 4.25 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4zm4.801 5.742c.622.093 1.226.319 1.668.672a.75.75 0 1 1-.937 1.172c-.184-.147-.517-.296-.95-.36a2.8 2.8 0 0 0-1.308.108a2.04 2.04 0 0 0-1.048.79C8.206 12.523 8 13.118 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 0 1 .937 1.172c-.442.353-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.174a3.53 3.53 0 0 1-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174m10.167.672a.75.75 0 1 1-.936 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-.27.399-.476.994-.476 1.876s.206 1.477.476 1.876c.27.397.637.648 1.049.79c.419.143.882.17 1.306.108c.434-.065.768-.213.95-.36a.75.75 0 0 1 .938 1.172c-.443.353-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.174a3.53 3.53 0 0 1-1.803-1.366C15.263 16.023 15 15.118 15 14s.263-2.023.735-2.718a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174c.622.093 1.226.319 1.668.672"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M6.25 4A4.25 4.25 0 0 0 2 8.25v11.5A4.25 4.25 0 0 0 6.25 24h15.5A4.25 4.25 0 0 0 26 19.75V8.25A4.25 4.25 0 0 0 21.75 4zm4.801 5.742c.622.093 1.226.319 1.668.672a.75.75 0 1 1-.937 1.172c-.184-.147-.517-.296-.95-.36a2.8 2.8 0 0 0-1.308.108a2.04 2.04 0 0 0-1.048.79C8.206 12.523 8 13.118 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 0 1 .937 1.172c-.442.353-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.174a3.53 3.53 0 0 1-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174m10.167.672a.75.75 0 1 1-.936 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-.27.399-.476.994-.476 1.876s.206 1.477.476 1.876c.27.397.637.648 1.049.79c.419.143.882.17 1.306.108c.434-.065.768-.213.95-.36a.75.75 0 0 1 .938 1.172c-.443.353-1.046.58-1.668.672a4.3 4.3 0 0 1-2.013-.174a3.53 3.53 0 0 1-1.803-1.366C15.263 16.023 15 15.118 15 14s.263-2.023.735-2.718a3.53 3.53 0 0 1 1.803-1.366a4.3 4.3 0 0 1 2.013-.174c.622.093 1.226.319 1.668.672"/></svg>
</template>

CSS

.icon-closed-caption-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%22M6.25%204A4.25%204.25%200%200%200%202%208.25v11.5A4.25%204.25%200%200%200%206.25%2024h15.5A4.25%204.25%200%200%200%2026%2019.75V8.25A4.25%204.25%200%200%200%2021.75%204zm4.801%205.742c.622.093%201.226.319%201.668.672a.75.75%200%201%201-.937%201.172c-.184-.147-.517-.296-.95-.36a2.8%202.8%200%200%200-1.308.108a2.04%202.04%200%200%200-1.048.79C8.206%2012.523%208%2013.118%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%200%201%20.937%201.172c-.442.353-1.046.58-1.668.672a4.3%204.3%200%200%201-2.013-.174a3.53%203.53%200%200%201-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.53%203.53%200%200%201%201.803-1.366a4.3%204.3%200%200%201%202.013-.174m10.167.672a.75.75%200%201%201-.936%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-.27.399-.476.994-.476%201.876s.206%201.477.476%201.876c.27.397.637.648%201.049.79c.419.143.882.17%201.306.108c.434-.065.768-.213.95-.36a.75.75%200%200%201%20.938%201.172c-.443.353-1.046.58-1.668.672a4.3%204.3%200%200%201-2.013-.174a3.53%203.53%200%200%201-1.803-1.366C15.263%2016.023%2015%2015.118%2015%2014s.263-2.023.735-2.718a3.53%203.53%200%200%201%201.803-1.366a4.3%204.3%200%200%201%202.013-.174c.622.093%201.226.319%201.668.672%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%22M6.25%204A4.25%204.25%200%200%200%202%208.25v11.5A4.25%204.25%200%200%200%206.25%2024h15.5A4.25%204.25%200%200%200%2026%2019.75V8.25A4.25%204.25%200%200%200%2021.75%204zm4.801%205.742c.622.093%201.226.319%201.668.672a.75.75%200%201%201-.937%201.172c-.184-.147-.517-.296-.95-.36a2.8%202.8%200%200%200-1.308.108a2.04%202.04%200%200%200-1.048.79C8.206%2012.523%208%2013.118%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%200%201%20.937%201.172c-.442.353-1.046.58-1.668.672a4.3%204.3%200%200%201-2.013-.174a3.53%203.53%200%200%201-1.803-1.366c-.472-.695-.735-1.6-.735-2.718s.263-2.023.735-2.718a3.53%203.53%200%200%201%201.803-1.366a4.3%204.3%200%200%201%202.013-.174m10.167.672a.75.75%200%201%201-.936%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-.27.399-.476.994-.476%201.876s.206%201.477.476%201.876c.27.397.637.648%201.049.79c.419.143.882.17%201.306.108c.434-.065.768-.213.95-.36a.75.75%200%200%201%20.938%201.172c-.443.353-1.046.58-1.668.672a4.3%204.3%200%200%201-2.013-.174a3.53%203.53%200%200%201-1.803-1.366C15.263%2016.023%2015%2015.118%2015%2014s.263-2.023.735-2.718a3.53%203.53%200%200%201%201.803-1.366a4.3%204.3%200%200%201%202.013-.174c.622.093%201.226.319%201.668.672%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/closed-caption-28-filled.svg?color=%231a73e8&size=48