@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
385 lines (384 loc) • 13.3 kB
JSX
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;