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

function IconImageUnderstanding1Component(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 || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-image_understanding_1${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 12 12" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_a0523dfc7c__svg_a0523dfc7c__clip0_55_258)"><path d="M6.13086 0.863281C6.42711 0.923846 6.65039 1.18585 6.65039 1.5C6.65039 1.81415 6.42711 2.07615 6.13086 2.13672L6 2.15039H2.25C2.19477 2.15039 2.15039 2.19477 2.15039 2.25V9.75C2.15039 9.80523 2.19477 9.84961 2.25 9.84961H3.6748L6.42676 6.16602L6.52051 6.05566C6.98009 5.57667 7.7586 5.58899 8.20215 6.08301L8.29102 6.19629L9.84961 8.43066V6C9.84961 5.64101 10.141 5.34961 10.5 5.34961C10.859 5.34961 11.1504 5.64101 11.1504 6V9.75C11.1504 10.5232 10.5232 11.1504 9.75 11.1504H2.25C1.47681 11.1504 0.849609 10.5232 0.849609 9.75V2.25C0.849609 1.4768 1.4768 0.849609 2.25 0.849609H6L6.13086 0.863281ZM5.29785 9.84961H9.25391L7.34277 7.11035L5.29785 9.84961ZM4.40039 3.2168C5.21935 3.21701 5.88366 3.88122 5.88379 4.7002C5.88358 5.5191 5.2193 6.18338 4.40039 6.18359C3.5813 6.18359 2.9172 5.51923 2.91699 4.7002C2.91712 3.88109 3.58125 3.2168 4.40039 3.2168ZM9.65039 0.400391C9.71582 0.400594 9.77004 0.451789 9.77832 0.517578C9.79894 0.68149 9.8369 0.840388 9.89062 0.991211L9.96582 1.1748C10.185 1.65104 10.565 2.03586 11.0352 2.25781L11.2168 2.33398L11.2764 2.35547C11.4158 2.40185 11.5618 2.43374 11.7119 2.45117C11.7614 2.45705 11.7997 2.49928 11.7998 2.5498L11.7979 2.56836C11.7898 2.61029 11.7552 2.64327 11.7119 2.64844L11.6885 2.65137C11.5251 2.67212 11.3671 2.71075 11.2168 2.76562L11.0352 2.8418C10.5651 3.06371 10.185 3.44867 9.96582 3.9248L9.89062 4.10938C9.83687 4.26028 9.79893 4.419 9.77832 4.58301L9.77246 4.60645C9.75571 4.66034 9.70765 4.70002 9.65039 4.7002L9.62598 4.69727C9.57936 4.68804 9.54173 4.65271 9.52734 4.60645L9.52246 4.58301C9.50185 4.41897 9.46294 4.2603 9.40918 4.10938L9.33398 3.9248C9.11482 3.44871 8.73471 3.0637 8.26465 2.8418L8.08301 2.76562C7.94535 2.71536 7.80116 2.679 7.65234 2.65723L7.58887 2.64844C7.53914 2.64266 7.5 2.60051 7.5 2.5498C7.50011 2.4992 7.53921 2.45694 7.58887 2.45117C7.73876 2.43373 7.88423 2.40177 8.02344 2.35547L8.08301 2.33398L8.26465 2.25781C8.73482 2.03586 9.11485 1.65105 9.33398 1.1748L9.40918 0.991211C9.46292 0.840358 9.50184 0.681524 9.52246 0.517578C9.53076 0.451658 9.58479 0.400391 9.65039 0.400391Z"/></g><defs><clipPath id="svg_a0523dfc7c__svg_a0523dfc7c__clip0_55_258"><path d="M0 0H12V12H0z"/></clipPath></defs></svg>;
}

const IconImageUnderstanding1 = React.forwardRef(IconImageUnderstanding1Component);
export default IconImageUnderstanding1;
