const React = require("react");
const KnockedOutFaceIcon = ({ title, titleId, ...props }) => (
  <svg
    width="1em"
    height="1em"
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    aria-labelledby={titleId}
    {...props}
  >
    {title ? <title id={titleId}>{title}</title> : null}
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint0_radial_31_166)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint1_radial_31_166)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint2_radial_31_166)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint3_radial_31_166)"
      fillOpacity={0.6}
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint4_radial_31_166)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint5_radial_31_166)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint6_radial_31_166)"
    />
    <path
      d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
      fill="url(#paint7_radial_31_166)"
    />
    <g opacity={0.6} filter="url(#filter0_f_31_166)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M7.29289 9.79289C7.68342 9.40237 8.31658 9.40237 8.70711 9.79289L10.5 11.5858L12.2929 9.79289C12.6834 9.40237 13.3166 9.40237 13.7071 9.79289C14.0976 10.1834 14.0976 10.8166 13.7071 11.2071L11.9142 13L13.7071 14.7929C14.0976 15.1834 14.0976 15.8166 13.7071 16.2071C13.3166 16.5976 12.6834 16.5976 12.2929 16.2071L10.5 14.4142L8.70711 16.2071C8.31658 16.5976 7.68342 16.5976 7.29289 16.2071C6.90237 15.8166 6.90237 15.1834 7.29289 14.7929L9.08579 13L7.29289 11.2071C6.90237 10.8166 6.90237 10.1834 7.29289 9.79289ZM18.2929 9.79289C18.6834 9.40237 19.3166 9.40237 19.7071 9.79289L21.5 11.5858L23.2929 9.79289C23.6834 9.40237 24.3166 9.40237 24.7071 9.79289C25.0976 10.1834 25.0976 10.8166 24.7071 11.2071L22.9142 13L24.7071 14.7929C25.0976 15.1834 25.0976 15.8166 24.7071 16.2071C24.3166 16.5976 23.6834 16.5976 23.2929 16.2071L21.5 14.4142L19.7071 16.2071C19.3166 16.5976 18.6834 16.5976 18.2929 16.2071C17.9024 15.8166 17.9024 15.1834 18.2929 14.7929L20.0858 13L18.2929 11.2071C17.9024 10.8166 17.9024 10.1834 18.2929 9.79289Z"
        fill="#B56318"
      />
    </g>
    <path
      d="M13 10L8 15"
      stroke="url(#paint8_linear_31_166)"
      strokeWidth={2}
      strokeLinecap="round"
    />
    <path
      d="M8 10L13 15"
      stroke="url(#paint9_linear_31_166)"
      strokeWidth={2}
      strokeLinecap="round"
    />
    <path
      d="M24 10L19 15"
      stroke="url(#paint10_linear_31_166)"
      strokeWidth={2}
      strokeLinecap="round"
    />
    <path
      d="M19 10L24 15"
      stroke="url(#paint11_linear_31_166)"
      strokeWidth={2}
      strokeLinecap="round"
    />
    <rect
      x={12}
      y={19}
      width={8}
      height={8}
      rx={4}
      fill="url(#paint12_radial_31_166)"
    />
    <defs>
      <filter
        id="filter0_f_31_166"
        x={6}
        y={8.5}
        width={20}
        height={9}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_31_166"
        />
      </filter>
      <radialGradient
        id="paint0_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.5 9) rotate(132.839) scale(37.5033)"
      >
        <stop stopColor="#FFF478" />
        <stop offset={0.474827} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#F70A8D" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.5 9) rotate(131.878) scale(38.9487)"
      >
        <stop stopColor="#FFF478" />
        <stop offset={0.474827} stopColor="#FFB02E" />
        <stop offset={1} stopColor="#F70A8D" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 12.5) rotate(101.31) scale(17.8466 22.8581)"
      >
        <stop offset={0.787821} stopColor="#F59639" stopOpacity={0} />
        <stop offset={0.972509} stopColor="#FF7DCE" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18 14) rotate(135) scale(41.0122)"
      >
        <stop offset={0.314853} stopOpacity={0} />
        <stop offset={1} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 17) rotate(77.692) scale(28.1469)"
      >
        <stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} />
        <stop offset={1} stopColor="#715B32" />
      </radialGradient>
      <radialGradient
        id="paint5_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5 16.5) rotate(55.7131) scale(13.3135 9.65032)"
      >
        <stop stopColor="#FFB849" />
        <stop offset={1} stopColor="#FFB847" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint6_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.5 18) rotate(9.86581) scale(11.6726)"
      >
        <stop stopColor="#FFA64B" />
        <stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint7_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(17.5 15) rotate(43.9708) scale(59.0529)"
      >
        <stop offset={0.185425} stopOpacity={0} />
        <stop offset={1} stopOpacity={0.4} />
      </radialGradient>
      <linearGradient
        id="paint8_linear_31_166"
        x1={11.5}
        y1={13.5}
        x2={9.5}
        y2={11.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4F3C43" />
        <stop offset={0.326354} stopColor="#52394E" />
        <stop offset={1} stopColor="#422E2B" />
      </linearGradient>
      <linearGradient
        id="paint9_linear_31_166"
        x1={13}
        y1={12.5}
        x2={11}
        y2={14.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#45253E" />
        <stop offset={0.414382} stopColor="#55424C" />
        <stop offset={1} stopColor="#512756" />
      </linearGradient>
      <linearGradient
        id="paint10_linear_31_166"
        x1={22.5}
        y1={13.5}
        x2={20.5}
        y2={11.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4F3C43" />
        <stop offset={0.326354} stopColor="#52394E" />
        <stop offset={1} stopColor="#422E2B" />
      </linearGradient>
      <linearGradient
        id="paint11_linear_31_166"
        x1={24}
        y1={12.5}
        x2={22}
        y2={14.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#45253E" />
        <stop offset={0.414382} stopColor="#55424C" />
        <stop offset={1} stopColor="#512756" />
      </linearGradient>
      <radialGradient
        id="paint12_radial_31_166"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 28.7778) rotate(-90) scale(9.77778)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = KnockedOutFaceIcon;