const InvisibleIcon = ({
  className = '',
  size = '16px',
  title = '',
}) => (
  <svg
    className={className}
    version='1.1'
    xmlns='http://www.w3.org/2000/svg'
    x='0px'
    y='0px'
    width={size}
    height={size}
    viewBox='0 0 48 48'
    xmlSpace='preserve'
    aria-label={title}
  >
    <g>
      <path d='M 23.63 16.4 L 30.5 23.27 L 30.54 22.91 C 30.54 19.3 27.61 16.37 24 16.37 Z M 23.63 16.4' />
      <path d='M 24 12 C 30.02 12 34.9 16.89 34.9 22.91 C 34.9 24.32 34.62 25.66 34.13 26.89 L 40.51 33.27 C 43.8 30.52 46.4 26.96 48 22.91 C 44.21 13.33 34.91 6.55 24 6.55 C 20.94 6.55 18.02 7.09 15.3 8.08 L 20.02 12.78 C 21.25 12.3 22.59 12 24 12 Z M 24 12' />
      <path d='M 2.18 6.06 L 7.16 11.03 L 8.15 12.02 C 4.55 14.84 1.7 18.58 0 22.91 C 3.77 32.48 13.09 39.27 24 39.27 C 27.38 39.27 30.61 38.61 33.56 37.43 L 34.49 38.35 L 40.84 44.72 L 43.63 41.95 L 4.96 3.28 Z M 14.24 18.11 L 17.61 21.48 C 17.52 21.95 17.45 22.42 17.45 22.91 C 17.45 26.52 20.38 29.45 24 29.45 C 24.48 29.45 24.95 29.39 25.41 29.29 L 28.78 32.66 C 27.33 33.38 25.72 33.82 24 33.82 C 17.97 33.82 13.09 28.93 13.09 22.91 C 13.09 21.19 13.52 19.57 14.24 18.11 Z M 14.24 18.11' />
    </g>
  </svg>
)

export default InvisibleIcon