import { createIcon } from '../utils/create-icon';

export const EyeSlashTypographyIcon = createIcon(() => (
  <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path
      d="M13.7678 13.7677L10.2322 10.2321C11.2085 9.25581 12.7915 9.25581 13.7678 10.2321C14.7441 11.2084 14.7441 12.7913 13.7678 13.7677Z"
      fill="currentColor"
    />
    <path
      d="M6.73242 6.784C8.24776 5.99999 10.0175 5.5 12.0005 5.5C17.2472 5.5 21.0005 9 22.5005 12C21.5613 13.8785 19.7385 15.9531 17.2189 17.2416"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
    />
    <path
      d="M14.4888 18.2283C13.7028 18.4033 12.872 18.5 12 18.5C6.75329 18.5 3 15 1.5 12C2.12943 10.7412 3.15561 9.39427 4.5224 8.25488"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 2)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
    <path
      d="M1 1L23 23"
      stroke="currentColor"
      strokeWidth="var(--v0-rt-symbol-icon-stroke, 1.5)"
      vectorEffect="non-scaling-stroke"
      strokeLinecap="round"
    />
  </svg>
));