import React, { ComponentType } from 'react'

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

export const NoFaceHardHat: ComponentType<CustomIconProps> = props => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <g clipPath="url(#clip0)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M3.48566 11.9084C4.48824 12.1125 7.08314 12.5263 11.64 12.5263C16.1969 12.5263 18.7918 12.1125 19.7944 11.9085C20.109 12.6946 20.28 13.5402 20.28 14.4211C20.28 18.6084 16.4136 22 11.64 22C6.8664 22 3 18.6084 3 14.4211C3 13.5402 3.17107 12.6946 3.48566 11.9084Z"
      />
      <path d="M19.1566 8.92267C19.1566 4.55032 14.6637 3.45722 14.6637 3.45722L13.281 5.6434V2.72896C13.281 2.29172 12.9352 2 12.4168 2H10.6891C10.1707 2 9.82486 2.29172 9.82486 2.72896V5.64411L8.52971 3.45722C8.52971 3.45722 4.03677 4.55032 4.03677 8.92267C4.03677 8.92267 3 9.0682 3 10.7447C3 10.7447 5.59192 11.4737 11.64 11.4737C17.6881 11.4737 20.28 10.7447 20.28 10.7447C20.1934 9.0689 19.1566 8.92267 19.1566 8.92267Z" />
    </g>
    <defs>
      <clipPath id="clip0">
        <rect width="18" height="20" fill="white" transform="translate(3 2)" />
      </clipPath>
    </defs>
  </svg>
)
