Icon Eye

export default function IconEye({
  width = 32,
  disable,
  color = "#888",
  className,
  style,
}) {
  return (
    <svg
      style={style}
      className={className}
      width={width}
      viewBox="0 0 23 21"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M11.251 13.5C12.9078 13.5 14.251 12.1569 14.251 10.5C14.251 8.84315 12.9078 7.5 11.251 7.5C9.59412 7.5 8.25098 8.84315 8.25098 10.5C8.25098 12.1569 9.59412 13.5 11.251 13.5Z"
        fill={color}
      />
      <path
        d="M22.2591 9.68438C21.0187 7.76625 19.4095 6.13688 17.6058 4.97203C15.6103 3.68203 13.4072 3 11.235 3C9.24187 3 7.28203 3.56953 5.40984 4.69266C3.50062 5.83781 1.77093 7.51078 0.268591 9.66469C0.0989903 9.90811 0.00558437 10.1965 0.00024264 10.4931C-0.00509909 10.7897 0.0778645 11.0813 0.238591 11.3306C1.47656 13.268 3.06984 14.8997 4.84547 16.0486C6.84468 17.3437 8.99625 18 11.235 18C13.4245 18 15.6323 17.3236 17.6194 16.0444C19.4222 14.8833 21.0281 13.2478 22.2637 11.3137C22.4189 11.0702 22.501 10.7872 22.5001 10.4984C22.4993 10.2096 22.4156 9.92705 22.2591 9.68438V9.68438ZM11.2509 15C10.3609 15 9.49089 14.7361 8.75087 14.2416C8.01085 13.7471 7.43407 13.0443 7.09348 12.2221C6.75288 11.3998 6.66377 10.495 6.8374 9.62209C7.01103 8.74918 7.43962 7.94736 8.06895 7.31802C8.69829 6.68868 9.50011 6.2601 10.373 6.08647C11.2459 5.91283 12.1507 6.00195 12.973 6.34254C13.7953 6.68314 14.4981 7.25991 14.9925 7.99993C15.487 8.73995 15.7509 9.60998 15.7509 10.5C15.7496 11.6931 15.275 12.8369 14.4314 13.6805C13.5878 14.5241 12.444 14.9986 11.2509 15V15Z"
        fill={color}
      />
      {disable && (
        <path
          fillRule="evenodd"
          clipRule="evenodd"
          d="M20.118 0.999808C20.7354 1.5522 20.788 2.50048 20.2356 3.11786L5.23603 19.8821C4.68364 20.4995 3.73536 20.5522 3.11798 19.9998C2.5006 19.4474 2.44792 18.4991 3.00031 17.8818L17.9999 1.11748C18.5523 0.500099 19.5006 0.447417 20.118 0.999808Z"
          fill={color}
        />
      )}
    </svg>
  );
}

import IconEye from "../../element/icon/IconEye";

export default function TestView() {
  return <div className="test-view">
          <IconEye color="#fff" width={50} />
  </div>;
}