import React, { ComponentType } from 'react'

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

export const FightsOff: ComponentType<CustomIconProps> = props => (
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="24"
    height="24"
    fill="none"
    viewBox="0 0 24 24"
    {...props}
  >
    <path d="M5.836 17.667H5.7V23h13.333v-5.333H18.9a9.303 9.303 0 01-6.532 2.666 9.303 9.303 0 01-6.532-2.666z"></path>
    <path
      stroke="#757575"
      d="M12.368 21.667c5.89 0 10.666-4.776 10.666-10.667 0-1.875-.483-3.637-1.333-5.168"
    ></path>
    <ellipse cx="21.701" cy="5.667" rx="1.333" ry="1.333"></ellipse>
    <path
      fillRule="evenodd"
      d="M12.368 19a8 8 0 100-16 8 8 0 000 16zM10.85 4.502a.25.25 0 01-.176.307 6.442 6.442 0 00-4.082 3.39 6.39 6.39 0 00-.641 2.8.25.25 0 01-.5 0 6.89 6.89 0 01.692-3.018 6.942 6.942 0 014.4-3.654.25.25 0 01.307.175zM13.7 11a1.333 1.333 0 11-2.666 0 1.333 1.333 0 012.666 0z"
      clipRule="evenodd"
    ></path>
    <path
      stroke="#757575"
      strokeLinecap="round"
      strokeWidth="0.5"
      d="M3.381 14.352C2.146 12.444 2.146 9.667 3.257 8M2.05 15.463C.26 13 .26 9.11 1.926 6.889"
    ></path>
  </svg>
)
