import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconSubtitlesOffComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-Subtitles_Off${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 16 16" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_2700a82052__clip0_3732_83980)"><path d="M.861766.863231C1.12212.602881 1.54413.602881 1.80447.863231L15.1378 14.1966C15.3982 14.4569 15.3982 14.8789 15.1378 15.1393 14.8775 15.3996 14.4555 15.3996 14.1951 15.1393L.861766 1.80594C.601417 1.54559.601417 1.12358.861766.863231zM2.66645 5.49604V12.6054C2.66645 12.9851 2.96493 13.2929 3.33312 13.2929H10.4633L11.8383 14.6679H3.33312C2.22855 14.6679 1.33312 13.7445 1.33312 12.6054V4.16271L2.66645 5.49604z"/><path d="M14.4581 13.5169C14.2589 13.9325 13.9291 14.2675 13.5226 14.4667L12.3487 13.2929H12.6665C13.0346 13.2929 13.3331 12.9851 13.3331 12.6054V12.3919L14.4581 13.5169zM7.33312 10.5429C7.70131 10.5429 7.99979 10.8507 7.99979 11.2304 7.99979 11.6101 7.70131 11.9179 7.33312 11.9179H4.66645C4.29826 11.9179 3.99979 11.6101 3.99979 11.2304 3.99979 10.8507 4.29826 10.5429 4.66645 10.5429H7.33312zM11.3331 10.5429C11.7013 10.5429 11.9998 10.8507 11.9998 11.2304 11.9998 11.6101 11.7013 11.9179 11.3331 11.9179H10.9737L9.68143 10.6256C9.77597 10.5726 9.8846 10.5429 9.99979 10.5429H11.3331zM12.6665 1.33459C13.771 1.33459 14.6665 2.258 14.6665 3.39709V11.8398L13.3331 10.5065V3.39709C13.3331 3.01739 13.0346 2.70959 12.6665 2.70959H5.53625L4.16125 1.33459H12.6665zM6.27583 9.10542C6.19162 9.14504 6.09839 9.16792 5.99979 9.16792H4.66645C4.29826 9.16792 3.99979 8.86011 3.99979 8.48042 3.99979 8.10072 4.29826 7.79292 4.66645 7.79292H4.96333L6.27583 9.10542zM10.1092 9.16792H8.66645C8.29826 9.16792 7.99979 8.86011 7.99979 8.48042 7.99979 8.10072 8.29826 7.79292 8.66645 7.79292H8.73416L10.1092 9.16792z"/><path d="M11.3331 7.79292C11.7013 7.79292 11.9998 8.10072 11.9998 8.48042 11.9998 8.67319 11.9225 8.84712 11.7986 8.97196L10.6196 7.79292H11.3331zM3.65083 2.70959H3.33312C2.96493 2.70959 2.66645 3.01739 2.66645 3.39709V3.61063L1.5408 2.48498C1.73996 2.06956 2.07007 1.73429 2.47635 1.53511L3.65083 2.70959z"/></g><defs><clipPath id="svg_2700a82052__clip0_3732_83980"><path d="M0 0H16V16H0z"/></clipPath></defs></svg>;
}

const IconSubtitlesOff = React.forwardRef(IconSubtitlesOffComponent);
export default IconSubtitlesOff;
