const React = require("react");
const NauseatedFaceIcon = ({ 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}
    <g clipPath="url(#clip0_31_111)">
      <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_111)"
      />
      <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_111)"
      />
      <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_111)"
        fillOpacity={0.6}
      />
      <circle cx={9} cy={16} r={5} fill="url(#paint3_radial_31_111)" />
      <circle cx={19.5} cy={16.5} r={4.5} fill="url(#paint4_radial_31_111)" />
      <path
        d="M10.5 19C12.9853 19 15 16.9853 15 14.5C15 12.0147 12.9853 10 10.5 10C8.01472 10 6 12.0147 6 14.5C6 16.9853 8.01472 19 10.5 19Z"
        fill="white"
      />
      <path
        d="M21.5 19C23.9853 19 26 16.9853 26 14.5C26 12.0147 23.9853 10 21.5 10C19.0147 10 17 12.0147 17 14.5C17 16.9853 19.0147 19 21.5 19Z"
        fill="white"
      />
      <path
        d="M12 17C13.1046 17 14 16.1046 14 15C14 13.8954 13.1046 13 12 13C10.8954 13 10 13.8954 10 15C10 16.1046 10.8954 17 12 17Z"
        fill="url(#paint5_linear_31_111)"
      />
      <path
        d="M20 17C21.1046 17 22 16.1046 22 15C22 13.8954 21.1046 13 20 13C18.8954 13 18 13.8954 18 15C18 16.1046 18.8954 17 20 17Z"
        fill="url(#paint6_linear_31_111)"
      />
      <path
        d="M10.5 5.5C10.5 5.5 10 8.5 6.5 8.5"
        stroke="url(#paint7_linear_31_111)"
        strokeWidth={1.25}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M10.5 5.5C10.5 5.5 10 8.5 6.5 8.5"
        stroke="url(#paint8_radial_31_111)"
        strokeWidth={1.25}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M21.5 5.5C21.5 5.5 22 8.5 25.5 8.5"
        stroke="url(#paint9_radial_31_111)"
        strokeWidth={1.25}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <line
        x1={14}
        y1={22}
        x2={18}
        y2={22}
        stroke="url(#paint10_linear_31_111)"
        strokeWidth={2}
        strokeLinecap="round"
      />
      <path
        d="M10 19C11.1667 19 13 19.6 13 22C13 24.4 11.1667 25 10 25"
        stroke="url(#paint11_radial_31_111)"
        strokeWidth={2}
        strokeLinecap="round"
      />
      <path
        d="M22 19C20.8333 19 19 19.6 19 22C19 24.4 20.8333 25 22 25"
        stroke="url(#paint12_radial_31_111)"
        strokeWidth={2}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <radialGradient
        id="paint0_radial_31_111"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19 7) rotate(100.923) scale(29.0258)"
      >
        <stop stopColor="#00F397" />
        <stop offset={0.493469} stopColor="#00D26A" />
        <stop offset={1} stopColor="#8D65C5" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_31_111"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 12.5) rotate(90) scale(19.5)"
      >
        <stop offset={0.81119} stopColor="#A7A1F6" stopOpacity={0} />
        <stop offset={0.972655} stopColor="#A092FF" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_31_111"
        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="paint3_radial_31_111"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(12.8889 12.1111) rotate(135) scale(9.74236 5.04232)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_31_111"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(23 13) rotate(135) scale(8.13173 4.59049)"
      >
        <stop stopColor="#392108" />
        <stop offset={1} stopColor="#C87928" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint5_linear_31_111"
        x1={20.6154}
        y1={13}
        x2={19.9265}
        y2={17.0302}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_31_111"
        x1={20.6154}
        y1={13}
        x2={19.9265}
        y2={17.0302}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <linearGradient
        id="paint7_linear_31_111"
        x1={9.5}
        y1={5}
        x2={9.5}
        y2={6.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0299084} stopColor="#524049" />
        <stop offset={1} stopColor="#4A2C42" />
      </linearGradient>
      <radialGradient
        id="paint8_radial_31_111"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7 5) rotate(54.4623) scale(4.30116)"
      >
        <stop offset={0.541667} stopColor="#493032" />
        <stop offset={0.806723} stopColor="#5E445A" />
        <stop offset={0.955326} stopColor="#4A2C42" />
      </radialGradient>
      <radialGradient
        id="paint9_radial_31_111"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25 5) rotate(125.538) scale(4.30116)"
      >
        <stop stopColor="#C2B4B5" />
        <stop offset={0.887405} stopColor="#462B45" />
        <stop offset={1} stopColor="#4A2C42" />
      </radialGradient>
      <linearGradient
        id="paint10_linear_31_111"
        x1={16}
        y1={21}
        x2={16}
        y2={23}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4E3F45" />
        <stop offset={0.212208} stopColor="#5F4D56" />
        <stop offset={0.95703} stopColor="#51275A" />
      </linearGradient>
      <radialGradient
        id="paint11_radial_31_111"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(10 22) scale(4)"
      >
        <stop offset={0.509095} stopColor="#3E3537" />
        <stop offset={0.707019} stopColor="#523A4F" />
        <stop offset={1} stopColor="#6A5763" />
      </radialGradient>
      <radialGradient
        id="paint12_radial_31_111"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22 22) rotate(-180) scale(4)"
      >
        <stop offset={0.509095} stopColor="#3E3537" />
        <stop offset={0.707019} stopColor="#523A4F" />
        <stop offset={1} stopColor="#6A5763" />
      </radialGradient>
      <clipPath id="clip0_31_111">
        <rect width={32} height={32} fill="white" />
      </clipPath>
    </defs>
  </svg>
);
module.exports = NauseatedFaceIcon;