import { memo, SVGProps } from 'react';

const VectorStrokeIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg preserveAspectRatio='none' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>
    <path
      fillRule='evenodd'
      clipRule='evenodd'
      d='M3.22183 3.22182C5.21136 1.23232 7.96273 0 11 0C14.0373 0 16.7886 1.23231 18.7782 3.22182L18.0711 3.92893L18.7782 3.22183C20.7677 5.21136 22 7.96273 22 11C22 14.0373 20.7677 16.7886 18.7782 18.7782C16.7886 20.7677 14.0373 22 11 22C7.96273 22 5.21136 20.7677 3.22183 18.7782L3.92893 18.0711L3.22182 18.7782C1.23231 16.7886 0 14.0373 0 11C0 7.96273 1.23232 5.21136 3.22182 3.22183L3.22183 3.22182ZM11 2C8.51447 2 6.26584 3.00626 4.63603 4.63604C3.00625 6.26585 2 8.51447 2 11C2 13.4855 3.00627 15.7342 4.63604 17.3639C6.26584 18.9937 8.51447 20 11 20C13.4855 20 15.7342 18.9937 17.3639 17.3639C18.9937 15.7342 20 13.4855 20 11C20 8.51447 18.9937 6.26584 17.3639 4.63604C15.7342 3.00627 13.4855 2 11 2Z'
      fill='#1D2129'
    />
  </svg>
);
const Memo = memo(VectorStrokeIcon);
export { Memo as VectorStrokeIcon };
