import * as React from 'react'
import { SVGProps } from 'react'
const InvisibleIcon = (props: SVGProps<SVGSVGElement>) => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    fill="currentColor"
    viewBox="0 0 30 30"
    role="img"
    {...props}
  >
    <path d="M 1.7070312 0.29296875 L 0.29296875 1.7070312 L 28.292969 29.707031 L 29.707031 28.292969 L 23.681641 22.267578 C 27.777456 19.49434 29.799165 15.616636 29.826172 15.564453 A 1 1 0 0 0 30 15 A 1 1 0 0 0 29.783203 14.378906 C 29.679012 14.21118 23.918297 5 15 5 C 12.469857 5 10.199331 5.7501922 8.234375 6.8203125 L 1.7070312 0.29296875 z M 15 8 C 18.866 8 22 11.134 22 15 C 22 16.571956 21.470043 18.012848 20.59375 19.179688 L 17.701172 16.287109 C 17.889655 15.897819 18 15.462846 18 15 C 18 13.343 16.657 12 15 12 C 14.537154 12 14.102181 12.110345 13.712891 12.298828 L 10.820312 9.40625 C 11.987152 8.5299565 13.428044 8 15 8 z M 4.9511719 9.0761719 C 1.9791583 11.576125 0.27498083 14.287031 0.21875 14.376953 A 1 1 0 0 0 0 15 A 1 1 0 0 0 0.16210938 15.544922 A 1 1 0 0 0 0.16601562 15.550781 C 0.18320928 15.586261 5.0188313 25 15 25 C 16.85 25 18.520531 24.673484 20.019531 24.146484 L 17.431641 21.556641 C 16.672641 21.838641 15.856 22 15 22 C 11.134 22 8 18.866 8 15 C 8 14.144 8.1613594 13.327359 8.4433594 12.568359 L 4.9511719 9.0761719 z" />
  </svg>
)
export default InvisibleIcon
