import React from 'react';

function EyeHide({ fill }) {
  return (
    <svg id="eye-svg" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M2.22 2.22C2.09298 2.34699 2.01575 2.51534 2.00236 2.69445C1.98896 2.87356 2.04029 3.05153 2.147 3.196L2.22 3.28L6.254 7.315C4.28703 8.69363 2.88289 10.7351 2.299 13.065C2.25398 13.2568 2.28624 13.4586 2.3888 13.6268C2.49137 13.795 2.65601 13.9161 2.84714 13.964C3.03826 14.0118 3.24053 13.9825 3.41022 13.8824C3.57991 13.7823 3.7034 13.6194 3.754 13.429C4.2729 11.361 5.5509 9.56395 7.334 8.395L9.144 10.205C8.42099 10.9605 8.02259 11.9691 8.03412 13.0147C8.04566 14.0604 8.46621 15.0599 9.2057 15.7993C9.9452 16.5386 10.9448 16.959 11.9905 16.9704C13.0361 16.9817 14.0446 16.5831 14.8 15.86L20.719 21.78C20.8528 21.9142 21.0325 21.9927 21.2219 21.9999C21.4113 22.007 21.5963 21.9422 21.7398 21.8184C21.8834 21.6946 21.9747 21.5211 21.9955 21.3327C22.0163 21.1444 21.9651 20.9551 21.852 20.803L21.779 20.719L15.666 14.605L15.667 14.603L14.467 13.405L11.597 10.535H11.599L8.719 7.658L8.72 7.656L7.587 6.526L3.28 2.22C3.13937 2.07955 2.94875 2.00066 2.75 2.00066C2.55125 2.00066 2.36062 2.07955 2.22 2.22ZM10.204 11.265L13.739 14.801C13.2675 15.2564 12.636 15.5084 11.9805 15.5027C11.325 15.497 10.698 15.2341 10.2345 14.7705C9.77093 14.307 9.50801 13.68 9.50231 13.0245C9.49662 12.369 9.7486 11.7375 10.204 11.266V11.265ZM12 5.5C11 5.5 10.03 5.648 9.111 5.925L10.348 7.161C12.4875 6.73736 14.7081 7.15208 16.5505 8.31943C18.3929 9.48677 19.7163 11.3175 20.247 13.433C20.2988 13.6219 20.4225 13.7831 20.5916 13.882C20.7607 13.9809 20.9618 14.0098 21.1518 13.9623C21.3419 13.9149 21.5059 13.795 21.6087 13.6283C21.7115 13.4615 21.745 13.2611 21.702 13.07C21.1597 10.9075 19.9105 8.98806 18.1528 7.61657C16.395 6.24509 14.2295 5.50013 12 5.5ZM12.195 9.01L15.996 12.81C15.9468 11.8179 15.5306 10.8795 14.8281 10.1772C14.1256 9.47493 13.1871 9.05891 12.195 9.01Z"
        fill={fill}
      />
    </svg>
  );
}

export default EyeHide;
