const React = require("react");
const GrinningFaceWithBigEyesIcon = ({ 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_19_54)"
    />
    <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_19_54)"
    />
    <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_19_54)"
    />
    <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_19_54)"
      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_19_54)"
    />
    <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_19_54)"
    />
    <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_19_54)"
    />
    <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_19_54)"
    />
    <g filter="url(#filter0_f_19_54)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M11.9946 14.627C12.9122 13.8941 13.5 12.7657 13.5 11.5C13.5 9.29086 11.7091 7.5 9.5 7.5C7.29086 7.5 5.5 9.29086 5.5 11.5C5.5 12.7657 6.08784 13.8941 7.0054 14.627C7.7193 14.3875 8.63174 14.1667 9.5 14.1667C10.3683 14.1667 11.2807 14.3875 11.9946 14.627Z"
        fill="#B3671F"
      />
    </g>
    <g filter="url(#filter1_f_19_54)">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M23.4946 14.377C24.4122 13.6441 25 12.5157 25 11.25C25 9.04086 23.2091 7.25 21 7.25C18.7909 7.25 17 9.04086 17 11.25C17 12.5157 17.5878 13.6441 18.5054 14.377C19.2193 14.1375 20.1317 13.9167 21 13.9167C21.8683 13.9167 22.7807 14.1375 23.4946 14.377Z"
        fill="#9F5915"
      />
    </g>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15 10.5C15 11.9239 14.3387 13.1933 13.3064 14.0179C12.5033 13.7485 11.4768 13.5 10.5 13.5C9.5232 13.5 8.49671 13.7485 7.69357 14.0179C6.66132 13.1933 6 11.9239 6 10.5C6 8.01472 8.01472 6 10.5 6C12.9853 6 15 8.01472 15 10.5ZM26 10.5C26 11.9239 25.3387 13.1933 24.3064 14.0179C23.5033 13.7485 22.4768 13.5 21.5 13.5C20.5232 13.5 19.4967 13.7485 18.6936 14.0179C17.6613 13.1933 17 11.9239 17 10.5C17 8.01472 19.0147 6 21.5 6C23.9853 6 26 8.01472 26 10.5Z"
      fill="white"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M14 10.5C14 11.9342 13.2606 13.167 12.2022 13.7076C11.6539 13.5842 11.0685 13.5 10.5 13.5C10.1875 13.5 9.87 13.5254 9.55631 13.5688C8.62865 12.9736 8 11.8224 8 10.5C8 8.567 9.34315 7 11 7C12.6569 7 14 8.567 14 10.5ZM24 10.5C24 11.8224 23.3714 12.9736 22.4437 13.5688C22.13 13.5254 21.8125 13.5 21.5 13.5C20.9315 13.5 20.3461 13.5842 19.7978 13.7076C18.7394 13.167 18 11.9342 18 10.5C18 8.567 19.3431 7 21 7C22.6569 7 24 8.567 24 10.5Z"
      fill="url(#paint8_linear_19_54)"
    />
    <path
      d="M16 25C7 25 7 16 7 16H25C25 16 25 25 16 25Z"
      fill="url(#paint9_radial_19_54)"
    />
    <path
      d="M8 16.5V16H24V16.5C24 17.0523 23.5523 17.5 23 17.5H9C8.44772 17.5 8 17.0523 8 16.5Z"
      fill="url(#paint10_linear_19_54)"
    />
    <defs>
      <filter
        id="filter0_f_19_54"
        x={3.5}
        y={5.5}
        width={12}
        height={11.127}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_19_54"
        />
      </filter>
      <filter
        id="filter1_f_19_54"
        x={15}
        y={5.25}
        width={12}
        height={11.127}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1}
          result="effect1_foregroundBlur_19_54"
        />
      </filter>
      <radialGradient
        id="paint0_radial_19_54"
        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_19_54"
        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_19_54"
        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_19_54"
        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_19_54"
        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_19_54"
        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_19_54"
        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_19_54"
        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_19_54"
        x1={22.1538}
        y1={7}
        x2={20.7245}
        y2={13.6484}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#553B3E" />
        <stop offset={1} stopColor="#3D2432" />
      </linearGradient>
      <radialGradient
        id="paint9_radial_19_54"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 27) rotate(-90) scale(11 22)"
      >
        <stop stopColor="#F70A8D" />
        <stop offset={1} stopColor="#89029C" />
      </radialGradient>
      <linearGradient
        id="paint10_linear_19_54"
        x1={16}
        y1={16}
        x2={16}
        y2={17.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#ECCDFF" />
        <stop offset={1} stopColor="white" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = GrinningFaceWithBigEyesIcon;