import { memo, SVGProps } from 'react';

const UnionIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg preserveAspectRatio='none' viewBox='0 0 22 20' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
    <path
      fillRule='evenodd'
      clipRule='evenodd'
      d='M1 0C0.447715 0 0 0.447715 0 1V16C0 16.5523 0.447715 17 1 17H4.5V18.5C4.5 18.8466 4.67945 19.1684 4.97427 19.3507C5.26909 19.5329 5.63723 19.5494 5.94721 19.3944L10.7361 17H21C21.5523 17 22 16.5523 22 16V1C22 0.447715 21.5523 0 21 0H1ZM2 15V2H20V15H10.5C10.3448 15 10.1916 15.0361 10.0528 15.1056L6.5 16.882V16C6.5 15.4477 6.05228 15 5.5 15H2ZM7 7.75C7 7.19772 6.55228 6.75 6 6.75C5.44772 6.75 5 7.19772 5 7.75V9.25C5 9.80228 5.44772 10.25 6 10.25C6.55228 10.25 7 9.80228 7 9.25V7.75ZM11 6.75C11.5523 6.75 12 7.19772 12 7.75V9.25C12 9.80228 11.5523 10.25 11 10.25C10.4477 10.25 10 9.80228 10 9.25V7.75C10 7.19772 10.4477 6.75 11 6.75ZM17 7.75C17 7.19772 16.5523 6.75 16 6.75C15.4477 6.75 15 7.19772 15 7.75V9.25C15 9.80228 15.4477 10.25 16 10.25C16.5523 10.25 17 9.80228 17 9.25V7.75Z'
      fill='black'
    />
  </svg>
);
const Memo = memo(UnionIcon);
export { Memo as UnionIcon };
