const React = require("react");
const TangerineIcon = ({ 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="M16.5 30C22.8513 30 28 24.8513 28 18.5C28 12.1487 22.8513 7 16.5 7C10.1487 7 5 12.1487 5 18.5C5 24.8513 10.1487 30 16.5 30Z"
      fill="url(#paint0_radial_18_27675)"
    />
    <path
      d="M16.5 30C22.8513 30 28 24.8513 28 18.5C28 12.1487 22.8513 7 16.5 7C10.1487 7 5 12.1487 5 18.5C5 24.8513 10.1487 30 16.5 30Z"
      fill="url(#paint1_radial_18_27675)"
    />
    <path
      d="M16.5 30C22.8513 30 28 24.8513 28 18.5C28 12.1487 22.8513 7 16.5 7C10.1487 7 5 12.1487 5 18.5C5 24.8513 10.1487 30 16.5 30Z"
      fill="url(#paint2_radial_18_27675)"
    />
    <path
      d="M7 2H12C14.7614 2 17 4.73858 17 7.5H12C9.23858 7.5 7 4.76142 7 2Z"
      fill="#BFE230"
    />
    <path
      d="M7 2H12C14.7614 2 17 4.73858 17 7.5H12C9.23858 7.5 7 4.76142 7 2Z"
      fill="url(#paint3_radial_18_27675)"
    />
    <g filter="url(#filter0_f_18_27675)">
      <path
        d="M16.6562 6.17342C15.5804 2.33811 11.8734 1.84496 11.6964 2.04482C11.5193 2.24468 11.6638 2.61139 13.2982 3.20604C15.3412 3.94935 16.6562 6.17342 16.6562 6.17342Z"
        fill="url(#paint4_radial_18_27675)"
      />
    </g>
    <g filter="url(#filter1_f_18_27675)">
      <path
        d="M7.29683 2.38287C7.48434 6.04686 10.4559 7.00254 10.6249 6.90629C9.94531 6.41406 9.7032 6.16399 8.85938 5.27344C8.20908 4.58713 7.65822 3.16107 7.44527 2.42969C7.30155 1.93612 7.29683 2.38287 7.29683 2.38287Z"
        fill="#A4C957"
      />
    </g>
    <path
      d="M16.5 30C22.8513 30 28 24.8513 28 18.5C28 12.1487 22.8513 7 16.5 7C10.1487 7 5 12.1487 5 18.5C5 24.8513 10.1487 30 16.5 30Z"
      fill="url(#paint5_radial_18_27675)"
    />
    <path
      d="M16.5 30C22.8513 30 28 24.8513 28 18.5C28 12.1487 22.8513 7 16.5 7C10.1487 7 5 12.1487 5 18.5C5 24.8513 10.1487 30 16.5 30Z"
      fill="url(#paint6_radial_18_27675)"
    />
    <path
      d="M16.5 30C22.8513 30 28 24.8513 28 18.5C28 12.1487 22.8513 7 16.5 7C10.1487 7 5 12.1487 5 18.5C5 24.8513 10.1487 30 16.5 30Z"
      fill="url(#paint7_radial_18_27675)"
    />
    <path
      d="M16.5 30C22.8513 30 28 24.8513 28 18.5C28 12.1487 22.8513 7 16.5 7C10.1487 7 5 12.1487 5 18.5C5 24.8513 10.1487 30 16.5 30Z"
      fill="url(#paint8_radial_18_27675)"
    />
    <g filter="url(#filter2_f_18_27675)">
      <path
        d="M12.017 26.5902C6.70537 24.9663 5.56199 17.8139 8 16.4375C10.438 15.0611 9.93753 18.0001 12.017 21.4375C13.5439 23.9617 16.659 28.0094 12.017 26.5902Z"
        fill="url(#paint9_radial_18_27675)"
      />
    </g>
    <defs>
      <filter
        id="filter0_f_18_27675"
        x={11.3881}
        y={1.75732}
        width={5.51819}
        height={4.66614}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_27675"
        />
      </filter>
      <filter
        id="filter1_f_18_27675"
        x={7.04688}
        y={1.94751}
        width={3.828}
        height={5.21521}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.125}
          result="effect1_foregroundBlur_18_27675"
        />
      </filter>
      <filter
        id="filter2_f_18_27675"
        x={4.27747}
        y={13.5908}
        width={12.6855}
        height={15.7933}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={1.25}
          result="effect1_foregroundBlur_18_27675"
        />
      </filter>
      <radialGradient
        id="paint0_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.5 13) rotate(132.184) scale(21.5928)"
      >
        <stop stopColor="#F8EC1D" />
        <stop offset={0.56825} stopColor="#FF9A2A" />
        <stop offset={1} stopColor="#FF7273" />
      </radialGradient>
      <radialGradient
        id="paint1_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.5009 15.6257) rotate(90) scale(14.6927)"
      >
        <stop offset={0.776867} stopColor="#F59639" stopOpacity={0} />
        <stop offset={1} stopColor="#FF63C4" />
      </radialGradient>
      <radialGradient
        id="paint2_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18 17) rotate(130.764) scale(19.1442 11.6425)"
      >
        <stop offset={0.776867} stopColor="#F59639" stopOpacity={0} />
        <stop offset={1} stopColor="#C57345" />
      </radialGradient>
      <radialGradient
        id="paint3_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(18 2.6875) rotate(142.586) scale(9.20667 10.2529)"
      >
        <stop stopColor="#8EC118" stopOpacity={0} />
        <stop offset={0.425406} stopColor="#8EC118" stopOpacity={0} />
        <stop offset={1} stopColor="#8FC118" />
      </radialGradient>
      <radialGradient
        id="paint4_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(14.1611 3.66721) rotate(91.5577) scale(2.43745 3.09529)"
      >
        <stop stopColor="#E3FF88" />
        <stop offset={1} stopColor="#E1FF86" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint5_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(21.75 13) rotate(139.72) scale(19.3342)"
      >
        <stop stopColor="#FFEC82" />
        <stop offset={0.476978} stopColor="#FFA534" />
        <stop offset={0.710946} stopColor="#FF9738" />
        <stop offset={1} stopColor="#F17C4C" />
      </radialGradient>
      <radialGradient
        id="paint6_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16 17.5) rotate(50.4403) scale(14.9164)"
      >
        <stop offset={0.681384} stopColor="#DA4B81" stopOpacity={0} />
        <stop offset={1} stopColor="#DA4B81" />
      </radialGradient>
      <radialGradient
        id="paint7_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(5 6) rotate(46.3972) scale(29)"
      >
        <stop offset={0.11044} stopColor="#A2643F" />
        <stop offset={0.54549} stopColor="#FCA21E" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint8_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.125 30.75) rotate(75.8542) scale(15.8558 21.062)"
      >
        <stop offset={0.0910821} stopColor="#D9516A" />
        <stop offset={0.591471} stopColor="#FB666B" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint9_radial_18_27675"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.4375 20.5) rotate(74.8201) scale(8.35398 9.51574)"
      >
        <stop stopColor="#FFA65A" />
        <stop offset={1} stopColor="#FFA65C" stopOpacity={0} />
      </radialGradient>
    </defs>
  </svg>
);
module.exports = TangerineIcon;