const React = require("react");
const BeachWithUmbrellaIcon = ({ 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 filter="url(#filter0_i_18_5055)">
      <path
        d="M4.99999 29.0343H26.98C28.64 29.0343 29.99 27.6843 29.99 26.0243V20.0243C29.99 18.9243 29.1 18.0243 27.99 18.0243H3.98999C2.88999 18.0243 1.98999 18.9143 1.98999 20.0243V26.0243C1.98999 27.6943 3.33999 29.0343 4.99999 29.0343Z"
        fill="url(#paint0_linear_18_5055)"
      />
    </g>
    <g filter="url(#filter1_f_18_5055)">
      <path
        d="M7.78003 27.4071C21.4849 27.4071 25.4965 25.5386 25.4965 24.6242C25.4965 23.7098 20.7996 21.8395 7.78003 21.8395V27.4071Z"
        fill="url(#paint1_radial_18_5055)"
      />
    </g>
    <path
      d="M27.99 17.0343H3.98999C2.88999 17.0343 1.98999 17.9243 1.98999 19.0343V21.0343H29.98V19.0343C29.98 17.9343 29.09 17.0343 27.99 17.0343Z"
      fill="url(#paint2_linear_18_5055)"
    />
    <path
      d="M27.99 17.0343H3.98999C2.88999 17.0343 1.98999 17.9243 1.98999 19.0343V21.0343H29.98V19.0343C29.98 17.9343 29.09 17.0343 27.99 17.0343Z"
      fill="url(#paint3_linear_18_5055)"
    />
    <g filter="url(#filter2_i_18_5055)">
      <path
        d="M24.24 6.97434L7.10996 24.1043C6.90996 24.3043 6.90996 24.6243 7.10996 24.8243C7.30996 25.0243 7.62996 25.0243 7.82996 24.8243L24.96 7.69434C25.16 7.49434 25.16 7.17434 24.96 6.97434C24.76 6.77434 24.44 6.77434 24.24 6.97434Z"
        fill="url(#paint4_linear_18_5055)"
      />
      <path
        d="M24.24 6.97434L7.10996 24.1043C6.90996 24.3043 6.90996 24.6243 7.10996 24.8243C7.30996 25.0243 7.62996 25.0243 7.82996 24.8243L24.96 7.69434C25.16 7.49434 25.16 7.17434 24.96 6.97434C24.76 6.77434 24.44 6.77434 24.24 6.97434Z"
        fill="url(#paint5_radial_18_5055)"
      />
    </g>
    <path
      d="M22.81 24.9443C23.57 25.7043 24.76 25.7643 25.33 25.0243C29.23 19.9243 28.82 12.5643 24.12 7.86432C19.42 3.16432 12.04 2.74432 6.93998 6.64432C6.19998 7.20432 6.25998 8.39432 7.01998 9.15432L7.77998 9.91432L15.3589 17.5573L22.04 24.1743L22.81 24.9443Z"
      fill="url(#paint6_linear_18_5055)"
    />
    <path
      d="M22.81 24.9443C23.57 25.7043 24.76 25.7643 25.33 25.0243C29.23 19.9243 28.82 12.5643 24.12 7.86432C19.42 3.16432 12.04 2.74432 6.93998 6.64432C6.19998 7.20432 6.25998 8.39432 7.01998 9.15432L7.77998 9.91432L15.3589 17.5573L22.04 24.1743L22.81 24.9443Z"
      fill="url(#paint7_radial_18_5055)"
    />
    <path
      d="M22.81 24.9443C23.57 25.7043 24.76 25.7643 25.33 25.0243C29.23 19.9243 28.82 12.5643 24.12 7.86432C19.42 3.16432 12.04 2.74432 6.93998 6.64432C6.19998 7.20432 6.25998 8.39432 7.01998 9.15432L7.77998 9.91432L15.3589 17.5573L22.04 24.1743L22.81 24.9443Z"
      fill="url(#paint8_linear_18_5055)"
    />
    <path
      d="M22.81 24.9443C23.57 25.7043 24.76 25.7643 25.33 25.0243C29.23 19.9243 28.82 12.5643 24.12 7.86432C19.42 3.16432 12.04 2.74432 6.93998 6.64432C6.19998 7.20432 6.25998 8.39432 7.01998 9.15432L7.77998 9.91432L15.3589 17.5573L22.04 24.1743L22.81 24.9443Z"
      fill="url(#paint9_linear_18_5055)"
    />
    <path
      d="M22.81 24.9443C23.57 25.7043 24.76 25.7643 25.33 25.0243C29.23 19.9243 28.82 12.5643 24.12 7.86432C19.42 3.16432 12.04 2.74432 6.93998 6.64432C6.19998 7.20432 6.25998 8.39432 7.01998 9.15432L7.77998 9.91432L15.3589 17.5573L22.04 24.1743L22.81 24.9443Z"
      fill="url(#paint10_radial_18_5055)"
    />
    <path
      d="M24.2231 7.99055C28.0085 11.9607 27.052 19.1523 22.03 24.1743L18.4543 20.596L18.46 20.5943C23.4191 15.6353 25.9385 10.0758 24.2231 7.99055Z"
      fill="url(#paint11_linear_18_5055)"
    />
    <path
      d="M24.2231 7.99055C28.0085 11.9607 27.052 19.1523 22.03 24.1743L18.4543 20.596L18.46 20.5943C23.4191 15.6353 25.9385 10.0758 24.2231 7.99055Z"
      fill="url(#paint12_linear_18_5055)"
    />
    <path
      d="M23.9496 7.71733C19.9789 3.93653 12.8003 4.89406 7.78003 9.91432L11.3309 13.4917C16.2942 8.5299 21.8611 6.00097 23.9496 7.71733Z"
      fill="url(#paint13_linear_18_5055)"
    />
    <path
      d="M23.9496 7.71733C19.9789 3.93653 12.8003 4.89406 7.78003 9.91432L11.3309 13.4917C16.2942 8.5299 21.8611 6.00097 23.9496 7.71733Z"
      fill="url(#paint14_linear_18_5055)"
    />
    <g filter="url(#filter3_f_18_5055)">
      <path
        d="M7.38904 24.3679L12.9636 18.7847"
        stroke="url(#paint15_linear_18_5055)"
        strokeWidth={0.25}
        strokeLinecap="round"
      />
    </g>
    <defs>
      <filter
        id="filter0_i_18_5055"
        x={1.83999}
        y={18.0243}
        width={28.15}
        height={11.01}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dx={-0.15} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 1 0 0 0 0 0.886275 0 0 0 0 0.45098 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_5055"
        />
      </filter>
      <filter
        id="filter1_f_18_5055"
        x={6.78003}
        y={20.8395}
        width={19.7166}
        height={7.56763}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feGaussianBlur
          stdDeviation={0.5}
          result="effect1_foregroundBlur_18_5055"
        />
      </filter>
      <filter
        id="filter2_i_18_5055"
        x={6.95996}
        y={6.62434}
        width={18.15}
        height={18.35}
        filterUnits="userSpaceOnUse"
        colorInterpolationFilters="sRGB"
      >
        <feFlood floodOpacity={0} result="BackgroundImageFix" />
        <feBlend
          mode="normal"
          in="SourceGraphic"
          in2="BackgroundImageFix"
          result="shape"
        />
        <feColorMatrix
          in="SourceAlpha"
          type="matrix"
          values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
          result="hardAlpha"
        />
        <feOffset dy={-0.2} />
        <feGaussianBlur stdDeviation={0.25} />
        <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
        <feColorMatrix
          type="matrix"
          values="0 0 0 0 0.498039 0 0 0 0 0.262745 0 0 0 0 0.109804 0 0 0 1 0"
        />
        <feBlend
          mode="normal"
          in2="shape"
          result="effect1_innerShadow_18_5055"
        />
      </filter>
      <filter
        id="filter3_f_18_5055"
        x={7.01404}
        y={18.4097}
        width={6.32458}
        height={6.33313}
        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_5055"
        />
      </filter>
      <linearGradient
        id="paint0_linear_18_5055"
        x1={27.0086}
        y1={28.2208}
        x2={12.0189}
        y2={19.8266}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FFC250" />
        <stop offset={1} stopColor="#FFB000" />
      </linearGradient>
      <radialGradient
        id="paint1_radial_18_5055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(24.2605 24.2738) rotate(180) scale(19.2226 5.27651)"
      >
        <stop stopColor="#D7731C" />
        <stop offset={1} stopColor="#D7731C" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint2_linear_18_5055"
        x1={1.98999}
        y1={19.0385}
        x2={29.9822}
        y2={19.0385}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#49ADE8" />
        <stop offset={1} stopColor="#6CEDFD" />
      </linearGradient>
      <linearGradient
        id="paint3_linear_18_5055"
        x1={30.1986}
        y1={19.6483}
        x2={29.1531}
        y2={19.6483}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7DF8FF" />
        <stop offset={1} stopColor="#7DF8FF" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint4_linear_18_5055"
        x1={24.9871}
        y1={6.98406}
        x2={7.13584}
        y2={24.8353}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#A66459" />
        <stop offset={0.588542} stopColor="#8A3F42" />
        <stop offset={1} stopColor="#7B4230" />
      </linearGradient>
      <radialGradient
        id="paint5_radial_18_5055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(25.0517 6.90913) rotate(139.857) scale(0.921383 0.590771)"
      >
        <stop stopColor="#C18E80" />
        <stop offset={0.993283} stopColor="#C18E80" stopOpacity={0} />
      </radialGradient>
      <linearGradient
        id="paint6_linear_18_5055"
        x1={22.1199}
        y1={13.4721}
        x2={13.1824}
        y2={15.5346}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#FF6072" />
        <stop offset={1} stopColor="#EC3A51" />
      </linearGradient>
      <radialGradient
        id="paint7_radial_18_5055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(16.1727 18.356) rotate(-23.1654) scale(12.8413 20.2531)"
      >
        <stop offset={0.767914} stopColor="#EA596B" stopOpacity={0} />
        <stop offset={1} stopColor="#EA596B" />
      </radialGradient>
      <linearGradient
        id="paint8_linear_18_5055"
        x1={13.0793}
        y1={16.7668}
        x2={15.974}
        y2={13.872}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#CB3A43" />
        <stop offset={0.481167} stopColor="#D92E49" />
        <stop offset={0.671191} stopColor="#D92E49" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint9_linear_18_5055"
        x1={29.6814}
        y1={22.3859}
        x2={22.6432}
        y2={17.3343}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#EE442B" />
        <stop offset={1} stopColor="#EE442B" stopOpacity={0} />
      </linearGradient>
      <radialGradient
        id="paint10_radial_18_5055"
        cx={0}
        cy={0}
        r={1}
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(20.4324 16.5346) rotate(-119.416) scale(13.489 22.5036)"
      >
        <stop stopColor="#CA3E4B" stopOpacity={0} />
        <stop offset={0.611421} stopColor="#CA3E4B" stopOpacity={0} />
        <stop offset={1} stopColor="#CA3E4B" />
      </radialGradient>
      <linearGradient
        id="paint11_linear_18_5055"
        x1={15.0574}
        y1={17.2846}
        x2={23.9949}
        y2={8.34713}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E5DFEA" />
        <stop offset={1} stopColor="#FEFCFF" />
      </linearGradient>
      <linearGradient
        id="paint12_linear_18_5055"
        x1={13.6824}
        y1={18.0971}
        x2={16.4637}
        y2={15.3159}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C9B9C9" />
        <stop offset={0.61236} stopColor="#D4C9DC" />
        <stop offset={0.814607} stopColor="#D4C9DC" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint13_linear_18_5055"
        x1={15.0574}
        y1={17.2846}
        x2={23.9949}
        y2={8.34713}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#E5DFEA" />
        <stop offset={1} stopColor="#FEFCFF" />
      </linearGradient>
      <linearGradient
        id="paint14_linear_18_5055"
        x1={13.6824}
        y1={18.0971}
        x2={16.4637}
        y2={15.3159}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#C9B9C9" />
        <stop offset={0.61236} stopColor="#D4C9DC" />
        <stop offset={0.814607} stopColor="#D4C9DC" stopOpacity={0} />
      </linearGradient>
      <linearGradient
        id="paint15_linear_18_5055"
        x1={7.77604}
        y1={23.7636}
        x2={13.5786}
        y2={22.5161}
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#7F5951" />
        <stop offset={1} stopColor="#7F5951" stopOpacity={0} />
      </linearGradient>
    </defs>
  </svg>
);
module.exports = BeachWithUmbrellaIcon;