closed captioning icon

closed-captioning from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.

Name
closed-captioning
Set
IonIcons
Style
Regular
Viewbox
512×512
License
MIT

The same icon in other sets

closed-captioningFont Awesome 6 Regularclosed-captioningFont Awesome 6 Solidclosed-captioningFont Awesome Regularclosed-captioningFont Awesome Solidclosed-captioningLine Awesomeclosed-captioningPhosphorclosed-captioning-fillRemix Iconclosed-captioningUnicons

Use the closed captioning icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M0 64v384h512V64H0zm464 191.825c.045 26.724-1.547 47.143-3.797 80.223S441 392.5 401.097 396.168C361.201 399.835 305.369 400.12 256 400c-49 .12-105.198-.165-145.094-3.832-39.903-3.668-56.855-27.04-59.105-60.12s-3.841-53.499-3.796-80.223c-.045-26.725.095-44.124 3.798-80.224s23.01-56.267 59.106-59.934S201.842 112 248.704 112H263.302c46.862 0 101.698 0 137.795 3.667s55.403 23.833 59.106 59.934 3.842 53.499 3.797 80.224z" fill="currentColor"/><path d="M372 283.846v.766c0 18.639-11.581 29.566-27.003 29.566-15.418 0-25.808-12.309-27.284-29.566 0 0-1.335-9.078-1.335-27.298s1.546-29.759 1.546-29.759c2.711-19.473 12.188-29.566 27.607-29.566 15.367 0 27.584 13.262 27.584 33.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483 0-23.93 1.654-34.33 4.942-10.404 3.295-19.376 9.062-26.916 17.291-7.545 8.234-13.397 19.254-17.555 33.059-4.162 13.809-6.242 31.224-6.242 52.247 0 20.52 1.688 37.684 5.072 51.488 3.377 13.811 8.388 24.83 15.018 33.059 6.632 8.234 14.953 13.935 24.967 17.1 10.01 3.163 21.779 4.748 35.304 4.748 28.604 0 49.089-7.258 61.443-21.318C418.486 327.537 424.666 307 424.666 280H372v3.846z" fill="currentColor"/><path d="M195 283.846v.766c0 18.639-11.581 29.566-27.003 29.566-15.418 0-25.808-12.309-27.284-29.566 0 0-1.335-9.078-1.335-27.298s1.546-29.759 1.546-29.759c2.711-19.473 12.188-29.566 27.607-29.566 15.367 0 27.584 13.262 27.584 33.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483 0-23.93 1.654-34.33 4.942-10.404 3.295-19.376 9.062-26.916 17.291-7.545 8.234-13.397 19.254-17.555 33.059-4.162 13.809-6.242 31.224-6.242 52.247 0 20.52 1.688 37.684 5.072 51.488 3.377 13.811 8.388 24.83 15.018 33.059 6.632 8.234 14.953 13.935 24.967 17.1 10.01 3.163 21.779 4.748 35.304 4.748 28.604 0 49.089-7.258 61.443-21.318C241.486 327.537 247.666 307 247.666 280H195v3.846z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonClosedCaptioning(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M0 64v384h512V64H0zm464 191.825c.045 26.724-1.547 47.143-3.797 80.223S441 392.5 401.097 396.168C361.201 399.835 305.369 400.12 256 400c-49 .12-105.198-.165-145.094-3.832-39.903-3.668-56.855-27.04-59.105-60.12s-3.841-53.499-3.796-80.223c-.045-26.725.095-44.124 3.798-80.224s23.01-56.267 59.106-59.934S201.842 112 248.704 112H263.302c46.862 0 101.698 0 137.795 3.667s55.403 23.833 59.106 59.934 3.842 53.499 3.797 80.224z" fill="currentColor"/><path d="M372 283.846v.766c0 18.639-11.581 29.566-27.003 29.566-15.418 0-25.808-12.309-27.284-29.566 0 0-1.335-9.078-1.335-27.298s1.546-29.759 1.546-29.759c2.711-19.473 12.188-29.566 27.607-29.566 15.367 0 27.584 13.262 27.584 33.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483 0-23.93 1.654-34.33 4.942-10.404 3.295-19.376 9.062-26.916 17.291-7.545 8.234-13.397 19.254-17.555 33.059-4.162 13.809-6.242 31.224-6.242 52.247 0 20.52 1.688 37.684 5.072 51.488 3.377 13.811 8.388 24.83 15.018 33.059 6.632 8.234 14.953 13.935 24.967 17.1 10.01 3.163 21.779 4.748 35.304 4.748 28.604 0 49.089-7.258 61.443-21.318C418.486 327.537 424.666 307 424.666 280H372v3.846z" fill="currentColor"/><path d="M195 283.846v.766c0 18.639-11.581 29.566-27.003 29.566-15.418 0-25.808-12.309-27.284-29.566 0 0-1.335-9.078-1.335-27.298s1.546-29.759 1.546-29.759c2.711-19.473 12.188-29.566 27.607-29.566 15.367 0 27.584 13.262 27.584 33.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483 0-23.93 1.654-34.33 4.942-10.404 3.295-19.376 9.062-26.916 17.291-7.545 8.234-13.397 19.254-17.555 33.059-4.162 13.809-6.242 31.224-6.242 52.247 0 20.52 1.688 37.684 5.072 51.488 3.377 13.811 8.388 24.83 15.018 33.059 6.632 8.234 14.953 13.935 24.967 17.1 10.01 3.163 21.779 4.748 35.304 4.748 28.604 0 49.089-7.258 61.443-21.318C241.486 327.537 247.666 307 247.666 280H195v3.846z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M0 64v384h512V64H0zm464 191.825c.045 26.724-1.547 47.143-3.797 80.223S441 392.5 401.097 396.168C361.201 399.835 305.369 400.12 256 400c-49 .12-105.198-.165-145.094-3.832-39.903-3.668-56.855-27.04-59.105-60.12s-3.841-53.499-3.796-80.223c-.045-26.725.095-44.124 3.798-80.224s23.01-56.267 59.106-59.934S201.842 112 248.704 112H263.302c46.862 0 101.698 0 137.795 3.667s55.403 23.833 59.106 59.934 3.842 53.499 3.797 80.224z" fill="currentColor"/><path d="M372 283.846v.766c0 18.639-11.581 29.566-27.003 29.566-15.418 0-25.808-12.309-27.284-29.566 0 0-1.335-9.078-1.335-27.298s1.546-29.759 1.546-29.759c2.711-19.473 12.188-29.566 27.607-29.566 15.367 0 27.584 13.262 27.584 33.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483 0-23.93 1.654-34.33 4.942-10.404 3.295-19.376 9.062-26.916 17.291-7.545 8.234-13.397 19.254-17.555 33.059-4.162 13.809-6.242 31.224-6.242 52.247 0 20.52 1.688 37.684 5.072 51.488 3.377 13.811 8.388 24.83 15.018 33.059 6.632 8.234 14.953 13.935 24.967 17.1 10.01 3.163 21.779 4.748 35.304 4.748 28.604 0 49.089-7.258 61.443-21.318C418.486 327.537 424.666 307 424.666 280H372v3.846z" fill="currentColor"/><path d="M195 283.846v.766c0 18.639-11.581 29.566-27.003 29.566-15.418 0-25.808-12.309-27.284-29.566 0 0-1.335-9.078-1.335-27.298s1.546-29.759 1.546-29.759c2.711-19.473 12.188-29.566 27.607-29.566 15.367 0 27.584 13.262 27.584 33.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483 0-23.93 1.654-34.33 4.942-10.404 3.295-19.376 9.062-26.916 17.291-7.545 8.234-13.397 19.254-17.555 33.059-4.162 13.809-6.242 31.224-6.242 52.247 0 20.52 1.688 37.684 5.072 51.488 3.377 13.811 8.388 24.83 15.018 33.059 6.632 8.234 14.953 13.935 24.967 17.1 10.01 3.163 21.779 4.748 35.304 4.748 28.604 0 49.089-7.258 61.443-21.318C241.486 327.537 247.666 307 247.666 280H195v3.846z" fill="currentColor"/></svg>
</template>

CSS

.icon-closed-captioning {
  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%20512%20512%22%3E%3Cpath%20d%3D%22M0%2064v384h512V64H0zm464%20191.825c.045%2026.724-1.547%2047.143-3.797%2080.223S441%20392.5%20401.097%20396.168C361.201%20399.835%20305.369%20400.12%20256%20400c-49%20.12-105.198-.165-145.094-3.832-39.903-3.668-56.855-27.04-59.105-60.12s-3.841-53.499-3.796-80.223c-.045-26.725.095-44.124%203.798-80.224s23.01-56.267%2059.106-59.934S201.842%20112%20248.704%20112H263.302c46.862%200%20101.698%200%20137.795%203.667s55.403%2023.833%2059.106%2059.934%203.842%2053.499%203.797%2080.224z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M372%20283.846v.766c0%2018.639-11.581%2029.566-27.003%2029.566-15.418%200-25.808-12.309-27.284-29.566%200%200-1.335-9.078-1.335-27.298s1.546-29.759%201.546-29.759c2.711-19.473%2012.188-29.566%2027.607-29.566%2015.367%200%2027.584%2013.262%2027.584%2033.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483%200-23.93%201.654-34.33%204.942-10.404%203.295-19.376%209.062-26.916%2017.291-7.545%208.234-13.397%2019.254-17.555%2033.059-4.162%2013.809-6.242%2031.224-6.242%2052.247%200%2020.52%201.688%2037.684%205.072%2051.488%203.377%2013.811%208.388%2024.83%2015.018%2033.059%206.632%208.234%2014.953%2013.935%2024.967%2017.1%2010.01%203.163%2021.779%204.748%2035.304%204.748%2028.604%200%2049.089-7.258%2061.443-21.318C418.486%20327.537%20424.666%20307%20424.666%20280H372v3.846z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M195%20283.846v.766c0%2018.639-11.581%2029.566-27.003%2029.566-15.418%200-25.808-12.309-27.284-29.566%200%200-1.335-9.078-1.335-27.298s1.546-29.759%201.546-29.759c2.711-19.473%2012.188-29.566%2027.607-29.566%2015.367%200%2027.584%2013.262%2027.584%2033.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483%200-23.93%201.654-34.33%204.942-10.404%203.295-19.376%209.062-26.916%2017.291-7.545%208.234-13.397%2019.254-17.555%2033.059-4.162%2013.809-6.242%2031.224-6.242%2052.247%200%2020.52%201.688%2037.684%205.072%2051.488%203.377%2013.811%208.388%2024.83%2015.018%2033.059%206.632%208.234%2014.953%2013.935%2024.967%2017.1%2010.01%203.163%2021.779%204.748%2035.304%204.748%2028.604%200%2049.089-7.258%2061.443-21.318C241.486%20327.537%20247.666%20307%20247.666%20280H195v3.846z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M0%2064v384h512V64H0zm464%20191.825c.045%2026.724-1.547%2047.143-3.797%2080.223S441%20392.5%20401.097%20396.168C361.201%20399.835%20305.369%20400.12%20256%20400c-49%20.12-105.198-.165-145.094-3.832-39.903-3.668-56.855-27.04-59.105-60.12s-3.841-53.499-3.796-80.223c-.045-26.725.095-44.124%203.798-80.224s23.01-56.267%2059.106-59.934S201.842%20112%20248.704%20112H263.302c46.862%200%20101.698%200%20137.795%203.667s55.403%2023.833%2059.106%2059.934%203.842%2053.499%203.797%2080.224z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M372%20283.846v.766c0%2018.639-11.581%2029.566-27.003%2029.566-15.418%200-25.808-12.309-27.284-29.566%200%200-1.335-9.078-1.335-27.298s1.546-29.759%201.546-29.759c2.711-19.473%2012.188-29.566%2027.607-29.566%2015.367%200%2027.584%2013.262%2027.584%2033.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483%200-23.93%201.654-34.33%204.942-10.404%203.295-19.376%209.062-26.916%2017.291-7.545%208.234-13.397%2019.254-17.555%2033.059-4.162%2013.809-6.242%2031.224-6.242%2052.247%200%2020.52%201.688%2037.684%205.072%2051.488%203.377%2013.811%208.388%2024.83%2015.018%2033.059%206.632%208.234%2014.953%2013.935%2024.967%2017.1%2010.01%203.163%2021.779%204.748%2035.304%204.748%2028.604%200%2049.089-7.258%2061.443-21.318C418.486%20327.537%20424.666%20307%20424.666%20280H372v3.846z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M195%20283.846v.766c0%2018.639-11.581%2029.566-27.003%2029.566-15.418%200-25.808-12.309-27.284-29.566%200%200-1.335-9.078-1.335-27.298s1.546-29.759%201.546-29.759c2.711-19.473%2012.188-29.566%2027.607-29.566%2015.367%200%2027.584%2013.262%2027.584%2033.388.023.086.01.624.01.624h51.541c0-25-6.309-47.556-18.92-61.746-12.617-14.183-31.403-21.273-56.369-21.273-12.483%200-23.93%201.654-34.33%204.942-10.404%203.295-19.376%209.062-26.916%2017.291-7.545%208.234-13.397%2019.254-17.555%2033.059-4.162%2013.809-6.242%2031.224-6.242%2052.247%200%2020.52%201.688%2037.684%205.072%2051.488%203.377%2013.811%208.388%2024.83%2015.018%2033.059%206.632%208.234%2014.953%2013.935%2024.967%2017.1%2010.01%203.163%2021.779%204.748%2035.304%204.748%2028.604%200%2049.089-7.258%2061.443-21.318C241.486%20327.537%20247.666%20307%20247.666%20280H195v3.846z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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