import * as React from "react";
import { SVGProps } from "react";

const SvgClosedCaptionOutline = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="1em"
    height="1em"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M5 4c-.55 0-1 .18-1.41.57C3.2 4.96 3 5.44 3 6v12c0 .56.2 1.04.59 1.43.41.39.86.57 1.41.57h14c.5 0 1-.19 1.39-.59.41-.41.61-.88.61-1.41V6c0-.53-.2-1-.61-1.41C20 4.19 19.5 4 19 4H5m-.5 1.5h15v13h-15v-13M7 9c-.3 0-.53.09-.72.28-.19.19-.28.42-.28.72v4c0 .3.09.53.28.72.19.19.42.28.72.28h3c.27 0 .5-.09.71-.28.2-.19.29-.42.29-.72v-1H9.5v.5h-2v-3h2v.5H11v-1c0-.3-.09-.53-.29-.72C10.5 9.09 10.27 9 10 9H7m7 0c-.27 0-.5.09-.71.28-.2.19-.29.42-.29.72v4c0 .3.09.53.29.72.21.19.44.28.71.28h3c.3 0 .53-.09.72-.28.19-.19.28-.42.28-.72v-1h-1.5v.5h-2v-3h2v.5H18v-1c0-.3-.09-.53-.28-.72C17.53 9.09 17.3 9 17 9h-3Z" />
  </svg>
);

export default SvgClosedCaptionOutline;
