import { memo, SVGProps } from 'react';

const VectorIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg preserveAspectRatio='none' viewBox='0 0 36 32' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
    <path
      d='M2.25 0.25H33.75C34.2141 0.25 34.6592 0.434374 34.9874 0.762563C35.3156 1.09075 35.5 1.53587 35.5 2V30C35.5 30.4641 35.3156 30.9092 34.9874 31.2374C34.6592 31.5656 34.2141 31.75 33.75 31.75H2.25C1.78587 31.75 1.34075 31.5656 1.01256 31.2374C0.684374 30.9092 0.5 30.4641 0.5 30V2C0.5 1.53587 0.684374 1.09075 1.01256 0.762563C1.34075 0.434374 1.78587 0.25 2.25 0.25ZM19.75 17.75V16H25V12.5H20.4745L24.188 8.78825L21.7118 6.312L18 10.0255L14.2882 6.312L11.812 8.79L15.5255 12.5H11V16H16.25V17.75H11V21.25H16.25V24.75H19.75V21.25H25V17.75H19.75Z'
      fill='url(#paint0_linear_5711_271080)'
    />
    <defs>
      <linearGradient
        id='paint0_linear_5711_271080'
        x1={18}
        y1={0.25}
        x2={18}
        y2={31.75}
        gradientUnits='userSpaceOnUse'
      >
        <stop stopColor='#589BFF' />
        <stop offset={1} stopColor='#0066FF' />
      </linearGradient>
    </defs>
  </svg>
);
const Memo = memo(VectorIcon);
export { Memo as VectorIcon };
