const React = require("react");
const EggplantIcon = ({ 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="M19.5 30C4.48126 30 2.5 18.5 2.5 9H12.5C13.5 12 14.7619 16.623 21.5 15.5C27.5 14.5 30 19.2265 30 22C30 24 29.5 30 19.5 30Z"
      fill="url(#paint0_radial_18_31099)"
    />
    <path
      d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z"
      fill="#2EC262"
    />
    <path
      d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z"
      fill="url(#paint1_radial_18_31099)"
    />
    <path
      d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z"
      fill="url(#paint2_radial_18_31099)"
    />
    <path
      d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z"
      fill="url(#paint3_radial_18_31099)"
    />
    <path
      d="M6 4.27112C3.68008 5.0115 2 7.18453 2 9.74997V9.99997C2 10.5523 2.49505 11.0181 2.91905 10.6642C3.14028 10.4796 3.32014 10.2398 3.5 9.99997C3.875 9.49997 4.25 8.99997 5 8.99997C5.75 8.99997 6.125 9.49997 6.5 9.99997C6.875 10.5 7.25 11 8 11C8.75 11 9.125 10.5 9.5 9.99997C9.875 9.49997 10.25 8.99997 11 8.99997C11.7379 8.99997 12.0886 9.48396 12.445 9.97577C12.4979 10.0488 12.5509 10.122 12.6053 10.1937C12.954 10.6536 13.5 10.3271 13.5 9.74997C13.5 7.00361 11.5746 4.84186 9 4.27113C9 4.27113 8.28125 4.125 7.5 4.125C6.71875 4.125 6 4.27112 6 4.27112Z"
      fill="#28A964"
    />
    <path
      d="M6 4.27112C3.68008 5.0115 2 7.18453 2 9.74997V9.99997C2 10.5523 2.49505 11.0181 2.91905 10.6642C3.14028 10.4796 3.32014 10.2398 3.5 9.99997C3.875 9.49997 4.25 8.99997 5 8.99997C5.75 8.99997 6.125 9.49997 6.5 9.99997C6.875 10.5 7.25 11 8 11C8.75 11 9.125 10.5 9.5 9.99997C9.875 9.49997 10.25 8.99997 11 8.99997C11.7379 8.99997 12.0886 9.48396 12.445 9.97577C12.4979 10.0488 12.5509 10.122 12.6053 10.1937C12.954 10.6536 13.5 10.3271 13.5 9.74997C13.5 7.00361 11.5746 4.84186 9 4.27113C9 4.27113 8.28125 4.125 7.5 4.125C6.71875 4.125 6 4.27112 6 4.27112Z"
      fill="url(#paint4_radial_18_31099)"
    />
    <g filter="url(#filter0_f_18_31099)">
      <ellipse
        cx={26.446}
        cy={20.7237}
        rx={1.88489}
        ry={1.39344}
        transform="rotate(-50.7731 26.446 20.7237)"
        fill="#B685FF"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_31099"
        x={21.8379}
        y={16.0181}
        width={9.21619}
        height={9.41125}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.5}
          result="effect1_foregroundBlur_18_31099"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_31099"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.5 12.1875) rotate(106.422) scale(18.5701 24.318)"
      >
        <stop offset={0.138036} stopColor="#8A59E8" />
        <stop offset={0.301764} stopColor="#7E2EF2" />
        <stop offset={0.446121} stopColor="#894AFF" />
        <stop offset={0.50576} stopColor="#8A4CFF" />
        <stop offset={0.766541} stopColor="#6A26FF" />
        <stop offset={1} stopColor="#542BFF" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_31099"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.625 3.41901) rotate(90) scale(3.01849 2.375)"
      >
        <stop stopColor="#3EF797" />
        <stop offset={1} stopColor="#3FF693" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_31099"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.9375 3.65625) rotate(90) scale(2 1.25)"
      >
        <stop stopColor="#47F99C" />
        <stop offset={1} stopColor="#42F799" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_31099"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(8.05469 2.92188) rotate(138.424) scale(0.647496 0.669096)"
      >
        <stop stopColor="#5AFEA6" />
        <stop offset={1} stopColor="#8CFFC2" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_31099"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(11.375 6.25) rotate(130.732) scale(8.90773 8.79196)"
      >
        <stop offset={0.231493} stopColor="#46FFA1" />
        <stop offset={0.93678} stopColor="#35FF99" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = EggplantIcon;