import React from 'react';

function EnterIcon({ fill }) {
  return (
    <svg
      id="enter-svg"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      data-cy="enter-icon"
    >
      <path
        d="M21.25 4C21.4489 4 21.6397 4.07902 21.7803 4.21967C21.921 4.36032 22 4.55109 22 4.75V11.25C22 12.2446 21.6049 13.1984 20.9017 13.9017C20.1984 14.6049 19.2446 15 18.25 15H4.586L8.306 18.72C8.43287 18.8471 8.50991 19.0155 8.52312 19.1946C8.53634 19.3737 8.48484 19.5516 8.378 19.696L8.305 19.78C8.17801 19.907 8.00966 19.9842 7.83055 19.9976C7.65144 20.011 7.47347 19.9597 7.329 19.853L7.245 19.78L2.245 14.78C2.11798 14.653 2.04076 14.4847 2.02736 14.3055C2.01396 14.1264 2.06529 13.9485 2.172 13.804L2.245 13.72L7.245 8.72C7.379 8.58704 7.55821 8.50951 7.74686 8.50286C7.93551 8.49622 8.11973 8.56096 8.26275 8.68416C8.40577 8.80736 8.49708 8.97996 8.51844 9.16752C8.5398 9.35508 8.48965 9.54379 8.378 9.696L8.305 9.78L4.585 13.5H18.25C18.8201 13.5001 19.369 13.2837 19.7858 12.8946C20.2025 12.5056 20.456 11.9728 20.495 11.404L20.5 11.25V4.75C20.5 4.55109 20.579 4.36032 20.7197 4.21967C20.8603 4.07902 21.0511 4 21.25 4Z"
        fill={fill}
      />
    </svg>
  );
}

export default EnterIcon;
