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

function IconZipDefaultColorComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-zip_default_color${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><rect x="4" y="1.334" width="24" height="29.333" rx="2.977" fill={useCurrentColor ? 'currentColor' : 'url(#svg_5554ae0c90__paint0_linear_366_9855)'}/><path fillRule="evenodd" clipRule="evenodd" d="M17.8569 9.47266C17.8569 9.74867 17.6329 9.97245 17.3569 9.97266H14.6479C14.3718 9.97266 14.1479 9.7488 14.1479 9.47266V1.33301H17.8569V9.47266zM15.147 7.97656C14.9895 7.97656 14.8619 8.10426 14.8618 8.26172V8.83203C14.8618 8.98959 14.9894 9.11816 15.147 9.11816H16.8579C17.0155 9.11816 17.1431 8.98959 17.1431 8.83203V8.26172C17.143 8.10426 17.0154 7.97656 16.8579 7.97656H15.147zM14.9985 5.89648C14.9199 5.89648 14.8562 5.96049 14.856 6.03906V6.89551C14.856 6.97421 14.9198 7.03809 14.9985 7.03809H15.854C15.9327 7.03809 15.9965 6.97421 15.9966 6.89551V6.03906C15.9963 5.96049 15.9326 5.89648 15.854 5.89648H14.9985zM16.144 4.75586C16.0656 4.75608 16.0017 4.82 16.0015 4.89844V5.75488C16.0016 5.83345 16.0655 5.89724 16.144 5.89746H17.0005C17.0791 5.89735 17.143 5.83351 17.1431 5.75488V4.89844C17.1428 4.81994 17.079 4.75597 17.0005 4.75586H16.144zM14.9985 3.61621C14.9198 3.61621 14.856 3.68001 14.856 3.75879V4.61426C14.856 4.69303 14.9198 4.75684 14.9985 4.75684H15.854C15.9328 4.75684 15.9966 4.69303 15.9966 4.61426V3.75879C15.9966 3.68001 15.9328 3.61621 15.854 3.61621H14.9985zM16.144 2.47461C16.0655 2.47483 16.0015 2.53854 16.0015 2.61719V3.47266C16.0015 3.5513 16.0655 3.61502 16.144 3.61523H17.0005C17.0792 3.61512 17.1431 3.55136 17.1431 3.47266V2.61719C17.1431 2.53848 17.0792 2.47473 17.0005 2.47461H16.144zM14.9985 1.33398C14.9198 1.33398 14.856 1.39779 14.856 1.47656V2.33203C14.856 2.41081 14.9198 2.47461 14.9985 2.47461H15.854C15.9328 2.47461 15.9966 2.41081 15.9966 2.33203V1.47656C15.9966 1.39779 15.9328 1.33398 15.854 1.33398H14.9985zM16.8563 10.6557C17.1715 10.6557 17.4267 10.9119 17.4267 11.227V14.5073C17.4267 14.8224 17.1715 15.0776 16.8563 15.0776H15.1444C14.8294 15.0775 14.5741 14.8223 14.5741 14.5073V11.227C14.5741 10.912 14.8295 10.6559 15.1444 10.6557H16.8563zM15.495 11.5102C15.3771 11.5105 15.2812 11.6061 15.2812 11.7241V13.5073C15.2813 13.6646 15.409 13.7922 15.5663 13.7924H16.4228C16.5801 13.7923 16.7078 13.6647 16.7079 13.5073V11.7241C16.7079 11.606 16.6121 11.5103 16.494 11.5102H15.495z" fill={useCurrentColor ? 'currentColor' : '#725501'}/><path d="M15.5749 9.51542C15.5749 9.35786 15.7026 9.23014 15.8602 9.23014H16.109C16.2665 9.23014 16.3942 9.35786 16.3942 9.51541V11.9403C16.3942 12.0978 16.2665 12.2255 16.109 12.2255H15.8602C15.7026 12.2255 15.5749 12.0978 15.5749 11.9403V9.51542Z" fill={useCurrentColor ? 'currentColor' : '#725501'}/><defs><linearGradient id="svg_5554ae0c90__paint0_linear_366_9855" x1="16" y1="10" x2="16" y2="30.668" gradientUnits="userSpaceOnUse"><stop stopColor="#DFBC90"/><stop offset="1" stopColor="#EAD2B4"/></linearGradient></defs></svg>;
}

const IconZipDefaultColor = React.forwardRef(IconZipDefaultColorComponent);
export default IconZipDefaultColor;
