import React, { ComponentType } from 'react'

import { CustomIconProps } from '@monorail/visualComponents/icon/Icon'

export const NoFaceMonocle: ComponentType<CustomIconProps> = props => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12 21C14.772 21 17.2514 19.7468 18.9024 17.7759C18.8536 17.7222 18.807 17.6655 18.7626 17.6058C18.2551 16.9242 18.1632 16.0355 18.4881 14.9648C18.6839 14.3197 18.6572 13.8255 18.4085 13.4961C18.0448 13.0147 17.2326 12.8797 16.8149 12.8595C16.3437 13.1306 15.7971 13.2857 15.2143 13.2857C13.4391 13.2857 12 11.8466 12 10.0714C12 8.29623 13.4391 6.85714 15.2143 6.85714C16.9895 6.85714 18.4286 8.29623 18.4286 10.0714C18.4286 10.7191 18.237 11.3221 17.9075 11.8267C18.4183 11.9764 18.9767 12.2535 19.3655 12.7648C19.8629 13.4206 19.9556 14.2777 19.6404 15.3148C19.4571 15.9186 19.4588 16.4016 19.6441 16.7529C20.5035 15.3736 21 13.7448 21 12C21 7.02944 16.9706 3 12 3C7.02944 3 3 7.02944 3 12C3 16.9706 7.02944 21 12 21ZM17.1429 10.0714C17.1429 11.1366 16.2794 12 15.2143 12C14.1492 12 13.2857 11.1366 13.2857 10.0714C13.2857 9.0063 14.1492 8.14286 15.2143 8.14286C16.279 8.14286 17.1429 9.0063 17.1429 10.0714ZM11.9914 15.1139C11.988 15.1004 11.985 15.0881 11.985 15.0759H11.9849C11.9548 14.885 11.5181 14.5714 10.8554 14.5714C10.1906 14.5714 9.70181 15.1427 9.31142 15.5991C8.81756 16.1764 8.4811 16.5697 8.14466 15.3895C8.0543 17.8707 11.3825 17.2163 12 16.4528C12.6175 17.2163 15.9457 17.8707 15.8553 15.3895C15.518 16.5729 15.1759 16.1742 14.6783 15.5944C14.2874 15.1388 13.8005 14.5714 13.1446 14.5714C12.482 14.5714 12.0452 14.8986 12.0151 15.0759C12.0151 15.0881 12.0121 15.1004 12.0087 15.1139C12.0046 15.1304 12.0001 15.1488 12.0001 15.1713C12.0001 15.1488 11.9955 15.1304 11.9914 15.1139Z"
    />
  </svg>
)
