import { memo, SVGProps } from 'react';

const UnionIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg preserveAspectRatio='none' viewBox='0 0 32 44' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
    <path
      fillRule='evenodd'
      clipRule='evenodd'
      d='M4 0C1.79081 0 0 1.79088 0 4V42C0 42.7492 0.418695 43.4355 1.08484 43.7783C1.75098 44.1211 2.55285 44.0629 3.16248 43.6275L9 39.4578L14.8375 43.6275C15.5329 44.1242 16.4671 44.1242 17.1625 43.6275L23 39.4578L28.8375 43.6275C29.4472 44.0629 30.249 44.1211 30.9152 43.7783C31.5813 43.4355 32 42.7492 32 42V4C32 1.79088 30.2092 0 28 0H4Z'
      fill='url(#paint0_linear_5711_271152)'
    />
    <path
      d='M3.16248 43.6275L3.4531 44.0343L3.4531 44.0343L3.16248 43.6275ZM9 39.4578L9.29062 39.0509C9.11677 38.9268 8.88323 38.9268 8.70938 39.0509L9 39.4578ZM14.8375 43.6275L14.5469 44.0343L14.5469 44.0343L14.8375 43.6275ZM17.1625 43.6275L17.4531 44.0343L17.4531 44.0343L17.1625 43.6275ZM23 39.4578L23.2906 39.0509C23.1168 38.9268 22.8832 38.9268 22.7094 39.0509L23 39.4578ZM28.8375 43.6275L28.5469 44.0343L28.5469 44.0343L28.8375 43.6275ZM0.5 4C0.5 2.06702 2.06696 0.5 4 0.5V-0.5C1.51466 -0.5 -0.5 1.51474 -0.5 4H0.5ZM0.5 42V4H-0.5V42H0.5ZM1.31363 43.3338C0.814021 43.0766 0.5 42.5619 0.5 42H-0.5C-0.5 42.9365 0.0233682 43.7944 0.856047 44.2229L1.31363 43.3338ZM2.87186 43.2206C2.41464 43.5472 1.81323 43.5909 1.31363 43.3338L0.856047 44.2229C1.68872 44.6514 2.69106 44.5786 3.4531 44.0343L2.87186 43.2206ZM8.70938 39.0509L2.87186 43.2206L3.4531 44.0343L9.29062 39.8647L8.70938 39.0509ZM15.1281 43.2206L9.29062 39.0509L8.70938 39.8647L14.5469 44.0343L15.1281 43.2206ZM16.8719 43.2206C16.3503 43.5931 15.6497 43.5931 15.1281 43.2206L14.5469 44.0343C15.4161 44.6552 16.5838 44.6552 17.4531 44.0343L16.8719 43.2206ZM22.7094 39.0509L16.8719 43.2206L17.4531 44.0343L23.2906 39.8647L22.7094 39.0509ZM29.1281 43.2206L23.2906 39.0509L22.7094 39.8647L28.5469 44.0343L29.1281 43.2206ZM30.6864 43.3338C30.1868 43.5909 29.5854 43.5472 29.1281 43.2206L28.5469 44.0343C29.3089 44.5786 30.3113 44.6514 31.144 44.2229L30.6864 43.3338ZM31.5 42C31.5 42.5619 31.186 43.0766 30.6864 43.3338L31.144 44.2229C31.9766 43.7944 32.5 42.9365 32.5 42H31.5ZM31.5 4V42H32.5V4H31.5ZM28 0.5C29.933 0.5 31.5 2.06702 31.5 4H32.5C32.5 1.51474 30.4853 -0.5 28 -0.5V0.5ZM4 0.5H28V-0.5H4V0.5Z'
      fill='url(#paint1_linear_5711_271152)'
    />
    <defs>
      <linearGradient
        id='paint0_linear_5711_271152'
        x1={32}
        y1={-0.0000013113}
        x2={-9.85947}
        y2={30.4432}
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#1DA4FC' stopOpacity={0.33} />
        <stop offset={1} stopColor='#1DA4FC' stopOpacity={0.17} />
      </linearGradient>
      <linearGradient
        id='paint1_linear_5711_271152'
        x1={-2.62633e-7}
        y1={44}
        x2={43.3777}
        y2={14.03}
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#7CC9FF' />
        <stop offset={0.296875} stopColor='#7CC9FF' stopOpacity={0.65} />
        <stop offset={0.493296} stopColor='#E7F4FE' />
        <stop offset={0.708333} stopColor='#82C1FD' stopOpacity={0.78} />
        <stop offset={1} stopColor='#82C1FD' />
      </linearGradient>
    </defs>
  </svg>
);
const Memo = memo(UnionIcon);
export { Memo as UnionIcon };
