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

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

    const prefix = prefixFromProps || prefixFromContext || 'hiagent';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-no-pic-low-saturation${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 120 120" fill={useCurrentColor ? 'currentColor' : 'none'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g filter="url(#svg_3fb96a8a31__svg_fdc0b184eb__filter0_dii_54_13279)"><path d="M12.0003 23.0003C12.0001 17.4773 16.4773 13 22.0003 13H70.1226H97.997C103.52 13 107.997 17.4772 107.997 23V40.7292L108 96.9995C108 102.523 103.523 107 97.9995 107H22.0027C16.48 107 12.0029 102.523 12.0027 97.0003L12.0003 23.0003Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_3fb96a8a31__svg_fdc0b184eb__paint0_linear_54_13279)'}/></g><path fillRule="evenodd" clipRule="evenodd" d="M22.0024 106.4H97.9992C103.191 106.4 107.399 102.191 107.399 96.9996L107.397 23C107.397 17.8085 103.188 13.6 97.9967 13.6H22C16.8084 13.6 12.5998 17.8087 12.6 23.0003L12.6024 97.0003C12.6025 102.192 16.811 106.4 22.0024 106.4ZM22 13C16.477 13 11.9998 17.4773 12 23.0003L12.0024 97.0003C12.0025 102.523 16.4796 107 22.0024 107H97.9992C103.522 107 107.999 102.523 107.999 96.9995L107.997 23C107.997 17.4772 103.52 13 97.9967 13H22Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_3fb96a8a31__svg_fdc0b184eb__paint1_linear_54_13279)'}/><path d="M20 29C20 24.5817 23.5817 21 28 21H92C96.4183 21 100 24.5817 100 29V91C100 95.4183 96.4183 99 92 99H28C23.5817 99 20 95.4183 20 91V29Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_3fb96a8a31__svg_fdc0b184eb__paint2_linear_54_13279)'}/><path fillRule="evenodd" clipRule="evenodd" d="M92 21.6H28C23.9131 21.6 20.6 24.9131 20.6 29V91C20.6 95.0869 23.9131 98.4 28 98.4H92C96.0869 98.4 99.4 95.0869 99.4 91V29C99.4 24.9131 96.0869 21.6 92 21.6ZM28 21C23.5817 21 20 24.5817 20 29V91C20 95.4183 23.5817 99 28 99H92C96.4183 99 100 95.4183 100 91V29C100 24.5817 96.4183 21 92 21H28Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_3fb96a8a31__svg_fdc0b184eb__paint3_linear_54_13279)'}/><g filter="url(#svg_3fb96a8a31__svg_fdc0b184eb__filter1_dii_54_13279)"><path d="M46.4069 55.3284L32.8195 82.3778C31.9844 84.0403 33.193 86 35.0535 86H83.5942C85.5353 86 86.7359 83.8842 85.7404 82.2178L75.9979 65.9108C75.0652 64.3496 72.8308 64.275 71.796 65.7704L63.5518 77.6837C63.3385 77.9919 62.8744 77.9645 62.6989 77.6334L50.8498 55.2798C49.8987 53.4855 47.3184 53.5138 46.4069 55.3284Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_3fb96a8a31__svg_fdc0b184eb__paint4_linear_54_13279)'}/></g><path fillRule="evenodd" clipRule="evenodd" d="M50.6288 55.3969C49.7728 53.7821 47.4506 53.8075 46.6302 55.4407L33.0428 82.4901C32.2912 83.9864 33.3789 85.7501 35.0534 85.7501H83.5941C85.3411 85.7501 86.4216 83.8458 85.5256 82.3461L75.7832 66.0391C74.9437 64.634 72.9328 64.5668 72.0014 65.9127L63.7572 77.826C63.4373 78.2884 62.7412 78.2473 62.4779 77.7505L50.6288 55.3969ZM46.1834 55.2163C47.1861 53.2202 50.0244 53.1891 51.0705 55.1627L62.9196 77.5163C63.0074 77.6819 63.2394 77.6956 63.3461 77.5415L71.5903 65.6282C72.7286 63.9832 75.1864 64.0654 76.2124 65.7826L85.9549 82.0896C87.05 83.9227 85.7293 86.2501 83.5941 86.2501H35.0534C33.0068 86.2501 31.6774 84.0944 32.596 82.2657L46.1834 55.2163Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_3fb96a8a31__svg_fdc0b184eb__paint5_linear_54_13279)'}/><g filter="url(#svg_3fb96a8a31__svg_fdc0b184eb__filter2_dii_54_13279)"><circle cx="71" cy="44" r="6" fill={useCurrentColor ? 'currentColor' : 'url(#svg_3fb96a8a31__svg_fdc0b184eb__paint6_linear_54_13279)'}/></g><path fillRule="evenodd" clipRule="evenodd" d="M71 38.25C67.8244 38.25 65.25 40.8244 65.25 44C65.25 47.1756 67.8244 49.75 71 49.75C74.1756 49.75 76.75 47.1756 76.75 44C76.75 40.8244 74.1756 38.25 71 38.25ZM64.75 44C64.75 40.5482 67.5482 37.75 71 37.75C74.4518 37.75 77.25 40.5482 77.25 44C77.25 47.4518 74.4518 50.25 71 50.25C67.5482 50.25 64.75 47.4518 64.75 44Z" fill={useCurrentColor ? 'currentColor' : 'url(#svg_3fb96a8a31__svg_fdc0b184eb__paint7_linear_54_13279)'}/><defs><linearGradient id="svg_3fb96a8a31__svg_fdc0b184eb__paint0_linear_54_13279" x1="90.676" y1="22.77" x2="32.675" y2="124.031" gradientUnits="userSpaceOnUse"><stop stopColor="#EBEBEC"/><stop offset=".855" stopColor="#EDEDEE"/></linearGradient><linearGradient id="svg_3fb96a8a31__svg_fdc0b184eb__paint1_linear_54_13279" x1="22.579" y1="3.444" x2="76.793" y2="99.052" gradientUnits="userSpaceOnUse"><stop stopColor="#E0DEDE"/><stop offset=".192" stopColor="#E7E7E7"/><stop offset=".704" stopColor="#D9D9D9"/><stop offset=".963" stopColor="#C3C3C7"/></linearGradient><linearGradient id="svg_3fb96a8a31__svg_fdc0b184eb__paint2_linear_54_13279" x1="85.564" y1="27.942" x2="36.331" y2="112.847" gradientUnits="userSpaceOnUse"><stop stopColor="#fff"/><stop offset=".855" stopColor="#fff"/></linearGradient><linearGradient id="svg_3fb96a8a31__svg_fdc0b184eb__paint3_linear_54_13279" x1="28.816" y1="11.638" x2="74.839" y2="91.81" gradientUnits="userSpaceOnUse"><stop stopColor="#E2E2E2"/><stop offset=".192" stopColor="#EEE"/><stop offset=".704" stopColor="#E3E3E3"/><stop offset=".963" stopColor="#C3C3C7"/></linearGradient><linearGradient id="svg_3fb96a8a31__svg_fdc0b184eb__paint4_linear_54_13279" x1="50.907" y1="49.623" x2="67.637" y2="85.875" gradientUnits="userSpaceOnUse"><stop stopColor="#C7CCE2"/><stop offset="1" stopColor="#8B95BC"/></linearGradient><linearGradient id="svg_3fb96a8a31__svg_fdc0b184eb__paint5_linear_54_13279" x1="52.537" y1="61.075" x2="60.363" y2="85.401" gradientUnits="userSpaceOnUse"><stop offset=".181" stopColor="#B1B7D3"/><stop offset="1" stopColor="#535C80"/></linearGradient><linearGradient id="svg_3fb96a8a31__svg_fdc0b184eb__paint6_linear_54_13279" x1="69.191" y1="37.528" x2="76.432" y2="47.162" gradientUnits="userSpaceOnUse"><stop stopColor="#B8BED6"/><stop offset="1" stopColor="#7E88AD"/></linearGradient><linearGradient id="svg_3fb96a8a31__svg_fdc0b184eb__paint7_linear_54_13279" x1="69.534" y1="41.454" x2="73.318" y2="48.675" gradientUnits="userSpaceOnUse"><stop offset=".181" stopColor="#B1B7D3"/><stop offset="1" stopColor="#495274"/></linearGradient><filter id="svg_3fb96a8a31__svg_fdc0b184eb__filter0_dii_54_13279" x="11.529" y="12.529" width="97.884" height="96.355" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx=".471" dy=".942"/><feGaussianBlur stdDeviation=".471"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_54_13279"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_54_13279" result="shape"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="1.413" dy="1.413"/><feGaussianBlur stdDeviation=".471"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_54_13279"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-1.413" dy="-1.413"/><feGaussianBlur stdDeviation=".236"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.879167 0 0 0 0 0.879167 0 0 0 0 0.879167 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_54_13279" result="effect3_innerShadow_54_13279"/></filter><filter id="svg_3fb96a8a31__svg_fdc0b184eb__filter1_dii_54_13279" x="31.55" y="52.951" width="55.548" height="34.549" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.975 0 0 0 0 0.979814 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_54_13279"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_54_13279" result="shape"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.930313 0 0 0 0 0.935083 0 0 0 0 0.954167 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_54_13279"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-.5" dy="-1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.409097 0 0 0 0 0.443509 0 0 0 0 0.570833 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_54_13279" result="effect3_innerShadow_54_13279"/></filter><filter id="svg_3fb96a8a31__svg_fdc0b184eb__filter2_dii_54_13279" x="64" y="37" width="14" height="14.5" filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0.975 0 0 0 0 0.979814 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_54_13279"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_54_13279" result="shape"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx=".5"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.930313 0 0 0 0 0.935083 0 0 0 0 0.954167 0 0 0 1 0"/><feBlend in2="shape" result="effect2_innerShadow_54_13279"/><feColorMatrix in="SourceAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dx="-.5" dy="-1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix values="0 0 0 0 0.364583 0 0 0 0 0.397828 0 0 0 0 0.520833 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_54_13279" result="effect3_innerShadow_54_13279"/></filter></defs></svg>;
}

const IconNoPicLowSaturation = React.forwardRef(IconNoPicLowSaturationComponent);
export default IconNoPicLowSaturation;
