icon-eye-close.tsx

import { forwardRef } from 'react';
import type { IconProps } from './types';

const IconEyeClose = forwardRef<SVGSVGElement, IconProps>((props, ref) => {
  const { size = '1em', color = 'currentColor', className, style, ...rest } = props;
  return (
    <svg
      ref={ref}
      viewBox="0 0 1024 1024"
      width={size}
      height={size}
      fill={color}
      className={className}
      style={{ verticalAlign: "middle", ...style }}
      {...rest}
    >
      <g transform="translate(0, 896) scale(1, -1)">
        <path d="M942.3 409.6l-0.1 0.1-0.1 0.1c-36.4 76.7-80 138.7-130.7 186L760.7 545c43.7-40.2 81.5-93.7 114.1-160.9C791.5 211.79999999999995 673.4 130 512 130c-51.3 0-98.3 8.3-141.2 25.1l-54.7-54.7C374.6 72.20000000000005 439.8 58 512 58c192.2 0 335.4 100.5 430.2 300.3 7.7 16.2 7.7 35 0.1 51.3zM878.3 741.8l-42.4 42.4c-3.1 3.1-8.2 3.1-11.3 0L707.8 667.5C649.4 695.8 584.2 710 512 710c-192.2 0-335.4-100.5-430.2-300.3v-0.1c-7.7-16.2-7.7-35.2 0-51.5 36.4-76.7 80-138.7 130.7-186.1L111.8 71.5c-3.1-3.1-3.1-8.2 0-11.3l42.4-42.4c3.1-3.1 8.2-3.1 11.3 0l712.8 712.8c3.1 3 3.1 8.1 0 11.2zM398.9 358.6c-1.9 8.2-2.9 16.7-2.9 25.4 0 61.9 50.1 112 112 112 8.7 0 17.3-1 25.4-2.9L398.9 358.6z m184.5 184.5C560.5 553.9 535 560 508 560c-97.2 0-176-78.8-176-176 0-27 6.1-52.5 16.9-75.4L263.3 223c-43.7 40.2-81.5 93.7-114.1 160.9C232.6 556.2 350.7 638 512 638c51.3 0 98.3-8.3 141.2-25.1l-69.8-69.8zM508 272c-6.4 0-12.7 0.5-18.8 1.6l-51.1-51.1c21.4-9.3 45.1-14.4 69.9-14.4 97.2 0 176 78.8 176 176 0 24.8-5.1 48.5-14.4 69.9l-51.1-51.1c1-6.1 1.6-12.4 1.6-18.8C620 322.1 569.9 272 508 272z" />
      </g>
    </svg>
  );
});

IconEyeClose.displayName = 'IconEyeClose';

export { IconEyeClose };