// This file is autogenerated by wrapSVGs.ts
// Changes to this file will be overwritten

import React from 'react'
import { SVG } from '~components/IconV1/subcomponents/SVG'
import type { IconProps } from '~components/IconV1/types'

export const InvisibleIcon = (props: IconProps): JSX.Element => {
  const svgContent = (
    <>
      <path
        fill="currentColor"
        d="M10.003 5.497a4.094 4.094 0 0 1 4.092 4.093c0 .532-.107 1.03-.295 1.497l2.39 2.39a9.7 9.7 0 0 0 2.807-3.887c-1.416-3.593-4.91-6.139-9.003-6.139a9.5 9.5 0 0 0-3.257.573l1.768 1.768a4 4 0 0 1 1.498-.295M1.818 3.263 3.684 5.13l.377.377A9.66 9.66 0 0 0 1 9.59c1.416 3.592 4.91 6.138 9.003 6.138 1.268 0 2.48-.246 3.584-.688l.344.344 2.398 2.39 1.04-1.04L2.857 2.224zM6.344 7.79l1.269 1.269c-.041.171-.066.351-.066.532a2.45 2.45 0 0 0 2.456 2.455c.18 0 .36-.025.532-.066l1.268 1.269a4.06 4.06 0 0 1-1.8.434A4.094 4.094 0 0 1 5.91 9.59c0-.647.163-1.253.433-1.801m3.528-.638 2.578 2.578.016-.131a2.45 2.45 0 0 0-2.455-2.456z"
        fillRule="evenodd"
      />
    </>
  )
  return <SVG {...props}>{svgContent}</SVG>
}
