@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
149 lines (148 loc) • 5.96 kB
JSX
const React = require("react");
const WatermelonIcon = ({ 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="M29.8516 22.6328L9.49219 2.27344L9.42105 2.34067C6.35045 5.2425 2.9459 8.45993 2.28123 13.3594C1.76924 17.1334 2.87932 22.6243 6.71871 26C10.5581 29.3757 14.4578 30.2024 18.3125 29.8438C23.4543 29.3654 26.8359 25.898 29.8516 22.6328Z"
fill="url(#paint0_radial_18_27342)"
/>
<path
d="M29 21.7656L10.3047 3.06641C7.47656 5.75391 4.11323 8.6838 3.49998 13.2289C3.03122 16.7031 3.64061 21.6508 7.49999 25.0625C11.3593 28.4742 14.9396 28.9083 18.4688 28.5781C23.1764 28.1377 26.211 24.5781 29 21.7656Z"
fill="url(#paint1_linear_18_27342)"
/>
<path
d="M27.6809 20.4466L11.6875 4.45312L8.60196 7.47726C4.18786 11.8914 4.18786 19.0566 8.60196 23.4707C13.0161 27.8848 20.1813 27.8848 24.5954 23.4707L27.6809 20.4466Z"
fill="url(#paint2_linear_18_27342)"
/>
<path
d="M10.2357 18.2188C10.905 18.2188 11.4476 17.6761 11.4476 17.0068C11.4476 16.3375 10.905 15.7949 10.2357 15.7949C9.56638 15.7949 9.0238 16.3375 9.0238 17.0068C9.0238 17.6761 9.56638 18.2188 10.2357 18.2188Z"
fill="url(#paint3_radial_18_27342)"
/>
<path
d="M16.4232 16.6562C17.0925 16.6562 17.6351 16.1136 17.6351 15.4443C17.6351 14.775 17.0925 14.2324 16.4232 14.2324C15.7539 14.2324 15.2113 14.775 15.2113 15.4443C15.2113 16.1136 15.7539 16.6562 16.4232 16.6562Z"
fill="url(#paint4_radial_18_27342)"
/>
<path
d="M21.2357 21.4375C21.905 21.4375 22.4476 20.8949 22.4476 20.2256C22.4476 19.5563 21.905 19.0137 21.2357 19.0137C20.5664 19.0137 20.0238 19.5563 20.0238 20.2256C20.0238 20.8949 20.5664 21.4375 21.2357 21.4375Z"
fill="url(#paint5_radial_18_27342)"
/>
<path
d="M14.7882 23C15.4575 23 16.0001 22.4574 16.0001 21.7881C16.0001 21.1188 15.4575 20.5762 14.7882 20.5762C14.1189 20.5762 13.5763 21.1188 13.5763 21.7881C13.5763 22.4574 14.1189 23 14.7882 23Z"
fill="url(#paint6_radial_18_27342)"
/>
<path
d="M11.6419 12C12.3112 12 12.8538 11.4574 12.8538 10.7881C12.8538 10.1188 12.3112 9.57617 11.6419 9.57617C10.9726 9.57617 10.4301 10.1188 10.4301 10.7881C10.4301 11.4574 10.9726 12 11.6419 12Z"
fill="url(#paint7_radial_18_27342)"
/>
<defs>
<radialGradient
id="paint0_radial_18_27342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.875 32.375) rotate(-68.9156) scale(25.3871 25.4238)"
>
<stop offset={0.157258} stopColor="#69963E" />
<stop offset={1} stopColor="#85B83D" />
</radialGradient>
<linearGradient
id="paint1_linear_18_27342"
x1={10}
y1={6.5}
x2={20.25}
y2={29.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EFDBBE" />
<stop offset={1} stopColor="#F2D6C7" />
</linearGradient>
<linearGradient
id="paint2_linear_18_27342"
x1={7.10323}
y1={10.3592}
x2={22.0669}
y2={25.9742}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF413C" />
<stop offset={0.456} stopColor="#ED1452" />
<stop offset={1} stopColor="#D5275D" />
</linearGradient>
<radialGradient
id="paint3_radial_18_27342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.843 16.6831) rotate(142.696) scale(1.83456 1.83459)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.412482} stopColor="#584D5D" />
<stop offset={0.701389} stopColor="#4C305E" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint4_radial_18_27342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.0305 15.1206) rotate(142.696) scale(1.83456 1.83459)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.412482} stopColor="#584D5D" />
<stop offset={0.701389} stopColor="#4C305E" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint5_radial_18_27342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.843 19.9018) rotate(142.696) scale(1.83456 1.83459)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.412482} stopColor="#584D5D" />
<stop offset={0.701389} stopColor="#4C305E" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint6_radial_18_27342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.3955 21.4643) rotate(142.696) scale(1.83456 1.83459)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.412482} stopColor="#584D5D" />
<stop offset={0.701389} stopColor="#4C305E" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint7_radial_18_27342"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.2492 10.4643) rotate(142.696) scale(1.83456 1.83459)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.412482} stopColor="#584D5D" />
<stop offset={0.701389} stopColor="#4C305E" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
</defs>
</svg>
);
module.exports = WatermelonIcon;