const React = require("react");
const CupWithStrawIcon = ({ 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
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.25 2.75C15.25 2.33579 15.5858 2 16 2H20V3.5H16.75V8C16.75 8.41421 16.4142 8.75 16 8.75C15.5858 8.75 15.25 8.41421 15.25 8V2.75Z"
      fill="url(#paint0_linear_18_31587)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.4461 2.24429C15.5833 2.09417 15.7806 2 16 2H20V3.5H16.75L15.4461 2.24429Z"
      fill="url(#paint1_linear_18_31587)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M15.4461 2.24429C15.5833 2.09417 15.7806 2 16 2H20V3.5H16.75L15.4461 2.24429Z"
      fill="url(#paint2_radial_18_31587)"
    />
    <ellipse
      cx={20}
      cy={2.75}
      rx={0.5}
      ry={0.75}
      fill="url(#paint3_linear_18_31587)"
    />
    <path
      d="M8.58333 18L9.5 29C9.56505 29.5504 10 30 10.5 30H21.5C22 30 22.4591 29.5558 22.5 29L23.4167 18L23.1839 17.8589H8.78146L8.58333 18Z"
      fill="url(#paint4_linear_18_31587)"
    />
    <path
      d="M8.58333 18L9.5 29C9.56505 29.5504 10 30 10.5 30H21.5C22 30 22.4591 29.5558 22.5 29L23.4167 18L23.1839 17.8589H8.78146L8.58333 18Z"
      fill="url(#paint5_linear_18_31587)"
    />
    <path
      d="M8.58333 18L9.5 29C9.56505 29.5504 10 30 10.5 30H21.5C22 30 22.4591 29.5558 22.5 29L23.4167 18L23.1839 17.8589H8.78146L8.58333 18Z"
      fill="url(#paint6_linear_18_31587)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M23.4167 18H8.58333L8 11H24L23.4167 18Z"
      fill="url(#paint7_linear_18_31587)"
    />
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M23.4167 18H8.58333L8 11H24L23.4167 18Z"
      fill="url(#paint8_linear_18_31587)"
    />
    <path
      d="M11.5 8L11 9V10H21V9L20.5 8C20.2627 7.5088 20 7 19 7H13C12 7 11.7464 7.51608 11.5 8Z"
      fill="url(#paint9_radial_18_31587)"
    />
    <path
      d="M11.5 8L11 9V10H21V9L20.5 8C20.2627 7.5088 20 7 19 7H13C12 7 11.7464 7.51608 11.5 8Z"
      fill="url(#paint10_linear_18_31587)"
    />
    <path
      d="M8 10H24"
      stroke="#D1CFD9"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M8 10H24"
      stroke="url(#paint11_radial_18_31587)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M8 10H24"
      stroke="url(#paint12_radial_18_31587)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M8 10H24"
      stroke="url(#paint13_linear_18_31587)"
      strokeWidth={2}
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <defs>
      <linearGradient
        id="paint0_linear_18_31587"
        x1={15.25}
        y1={5.375}
        x2={16.8438}
        y2={5.375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C63344" />
        <stop offset={0.294118} stopColor="#D92354" />
        <stop offset={0.6875} stopColor="#EE466D" />
        <stop offset={1} stopColor="#F34459" />
      </linearGradient>
      <linearGradient
        id="paint1_linear_18_31587"
        x1={17.7231}
        y1={2}
        x2={17.7231}
        y2={3.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E43356" />
        <stop offset={0.5} stopColor="#DE2F5E" />
        <stop offset={1} stopColor="#CD3047" />
      </linearGradient>
      <radialGradient
        id="paint2_radial_18_31587"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(15.625 2.07812) rotate(134.326) scale(0.939191 1.1541)"
      >
        <stop stopColor="#CD2E4A" />
        <stop offset={1} stopColor="#D82453" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint3_linear_18_31587"
        x1={20}
        y1={2}
        x2={20}
        y2={3.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop offset={0.0729167} stopColor="#980F2C" />
        <stop offset={0.5625} stopColor="#A22A44" />
        <stop offset={1} stopColor="#A60B2E" />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_31587"
        x1={8.58333}
        y1={23}
        x2={23.4167}
        y2={23}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A8A1B5" />
        <stop offset={0.297753} stopColor="#C3B2DA" />
        <stop offset={0.592697} stopColor="#EFE3FF" />
        <stop offset={0.820225} stopColor="#F6EDFF" />
        <stop offset={1} stopColor="#E7E3F2" />
      </linearGradient>
      <linearGradient
        id="paint5_linear_18_31587"
        x1={16}
        y1={29.125}
        x2={16}
        y2={30}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CDA8F6" stopOpacity={0} />
        <stop offset={1} stopColor="#C99BF7" />
      </linearGradient>
      <linearGradient
        id="paint6_linear_18_31587"
        x1={23.0313}
        y1={23.25}
        x2={22.0938}
        y2={23.1875}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#D9D5E7" />
        <stop offset={0.723451} stopColor="#E8E5F1" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint7_linear_18_31587"
        x1={8}
        y1={14.5}
        x2={24}
        y2={14.5}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BB454C" />
        <stop offset={0.167969} stopColor="#BF304E" />
        <stop offset={0.34375} stopColor="#D31F55" />
        <stop offset={0.546875} stopColor="#ED2B64" />
        <stop offset={0.863281} stopColor="#FF3669" />
        <stop offset={1} stopColor="#FF4D58" />
      </linearGradient>
      <linearGradient
        id="paint8_linear_18_31587"
        x1={16}
        y1={10.3125}
        x2={16}
        y2={12.375}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#BE1E4E" />
        <stop offset={1} stopColor="#C21E51" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint9_radial_18_31587"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(19.5 7.9375) rotate(82.4927) scale(8.13221 9.14813)"
      >
        <stop stopColor="white" />
        <stop offset={1} stopColor="#9C9DA0" />
      </radialGradient>
      <linearGradient
        id="paint10_linear_18_31587"
        x1={16}
        y1={7}
        x2={16}
        y2={7.25}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C4C2C3" />
        <stop offset={1} stopColor="#C8C7CB" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint11_radial_18_31587"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(22.125 9.625) rotate(90) scale(0.875 7.90625)"
      >
        <stop stopColor="white" />
        <stop offset={1} stopColor="white" stopOpacity={0} />
      </radialGradient>
      <radialGradient
        id="paint12_radial_18_31587"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(7.4375 9.5625) rotate(99.4623) scale(2.66121 8.56552)"
      >
        <stop stopColor="#9E9DA4" />
        <stop offset={1} stopColor="#A2A2A6" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint13_linear_18_31587"
        x1={16}
        y1={10}
        x2={16}
        y2={11}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CBB7E4" stopOpacity={0} />
        <stop offset={1} stopColor="#BE90CC" />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = CupWithStrawIcon;