
  // This file is generated by running the "icons" bin script.
  // Manual changes might be lost - proceed with caution!
  
  import React, { forwardRef } from 'react'
  import Icon, { IconComponent } from '..'
  
  
  const CloseCaptionedIcon = forwardRef((props, ref) => {
    const { 'aria-label': ariaLabel, ...rest } = props
    
    return (
      <Icon {...rest} ref={ref}>
        <svg aria-label="close captioned icon" viewBox="0 0 24 24"role='img' {...(ariaLabel && { 'aria-label': ariaLabel })}><path fillRule="evenodd" clipRule="evenodd" d="M22 3H2a1 1 0 0 0-1 1v16a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1V4a1 1 0 0 0-1-1zm-1 2H3v14h18V5zM8.524 16.132c1.485 0 2.365-.528 3.157-1.375l-1.078-1.089c-.605.55-1.144.902-2.024.902-1.32 0-2.233-1.1-2.233-2.42 0-1.342.935-2.42 2.233-2.42.77 0 1.375.33 1.969.869l1.078-1.243c-.715-.704-1.584-1.188-3.036-1.188-2.365 0-4.015 1.793-4.015 3.982 0 2.233 1.683 3.982 3.949 3.982zm11.055-1.375c-.792.847-1.672 1.375-3.157 1.375-2.266 0-3.949-1.75-3.949-3.982 0-2.19 1.65-3.982 4.015-3.982 1.452 0 2.321.484 3.036 1.188l-1.078 1.243c-.594-.54-1.199-.869-1.969-.869-1.298 0-2.233 1.078-2.233 2.42 0 1.32.913 2.42 2.233 2.42.88 0 1.419-.352 2.024-.902l1.078 1.089z"/></svg>
      </Icon>
    )
  }) as IconComponent
  
  CloseCaptionedIcon.displayName = "CloseCaptionedIcon"
  CloseCaptionedIcon.colors = Icon.colors
  CloseCaptionedIcon.sizes = Icon.sizes

  export { CloseCaptionedIcon }
  