@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
249 lines (248 loc) • 9.56 kB
JSX
const React = require("react");
const CherriesIcon = ({ 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="M19.7017 3.25889C9.84736 5.12143 7.50755 13.8713 7.59383 17.1642L9.46094 17.1055C9.63334 13.9151 10.8292 11.346 12.4315 9.44483L12.437 9.43828C12.9301 8.85319 13.2714 8.44817 13.7695 9.21484L19.6875 18.3086L21.359 17.415L15.309 8.09709C14.8164 7.33203 14.9844 7.13281 15.5856 6.73645C16.4003 6.2383 17.2236 5.86062 18.005 5.60275C18.6992 5.379 18.8671 5.73057 18.9397 5.90473C20.6994 10.1312 22.7656 11.7774 23.9439 12.2607C25.7734 12.9532 27.1367 13.1876 29.5665 12.3613C29.8007 12.2813 29.8828 12.0162 29.6959 11.7142C29.6959 11.7142 28.0568 9.14672 26.4604 6.29299C26.4604 6.29299 24.6384 2.48573 19.7017 3.25889Z"
fill="url(#paint0_radial_18_32153)"
/>
<g filter="url(#filter0_f_18_32153)">
<path
d="M8.43811 17.7432C8.43811 17.7432 8.43811 7.5355 18.5377 4.51099"
stroke="url(#paint1_linear_18_32153)"
strokeWidth={0.5}
/>
</g>
<g filter="url(#filter1_f_18_32153)">
<path
d="M21.2307 18.6379C21.3061 18.7536 21.461 18.7862 21.5767 18.7109C21.6924 18.6355 21.725 18.4806 21.6496 18.3649L21.2307 18.6379ZM14.806 7.8635C14.7306 7.74783 14.5757 7.71517 14.4601 7.79055C14.3444 7.86593 14.3117 8.02082 14.3871 8.1365L14.806 7.8635ZM21.6496 18.3649L14.806 7.8635L14.3871 8.1365L21.2307 18.6379L21.6496 18.3649Z"
fill="url(#paint2_linear_18_32153)"
/>
</g>
<g filter="url(#filter2_f_18_32153)">
<path
d="M14.5966 5.28107C16.019 4.43064 17.7131 3.76219 19.7231 3.38207C22.1521 3.00218 23.8065 3.74823 24.8544 4.58373C25.3799 5.00272 25.7543 5.44548 25.9971 5.78315C26.1185 5.95189 26.2067 6.09412 26.2644 6.19358C26.2932 6.24329 26.3143 6.28229 26.3281 6.30854C26.335 6.32166 26.3401 6.3316 26.3433 6.33808L26.3468 6.34519L26.3475 6.34705L26.3514 6.354C27.1506 7.78269 27.9603 9.13944 28.5701 10.1389C28.8751 10.6386 29.1301 11.0492 29.3089 11.3348C29.3984 11.4776 29.4687 11.5892 29.5168 11.6652L29.5717 11.7518L29.5901 11.7808C29.671 11.9117 29.6844 12.0195 29.6674 12.0928C29.6512 12.1627 29.6045 12.2162 29.5263 12.243C28.3218 12.6526 27.3896 12.7966 26.5361 12.7557C25.6826 12.7148 24.8991 12.4885 23.9898 12.1444C22.8519 11.677 20.8061 10.0622 19.0551 5.85667C19.0177 5.7669 18.9447 5.60101 18.7692 5.49698C18.5898 5.39064 18.3329 5.36571 17.9658 5.48403C17.7698 5.54874 17.5712 5.62086 17.3708 5.70042C16.763 5.94176 16.139 6.25147 15.5204 6.62974L15.5168 6.63208C15.5163 6.6324 15.5158 6.63272 15.5154 6.63303L14.5966 5.28107Z"
fill="url(#paint3_radial_18_32153)"
/>
</g>
<path
d="M8.5 30C12.0899 30 15 27.0899 15 23.5C15 19.9101 12.0899 17 8.5 17C4.91015 17 2 19.9101 2 23.5C2 27.0899 4.91015 30 8.5 30Z"
fill="url(#paint4_radial_18_32153)"
/>
<path
d="M8.5 30C12.0899 30 15 27.0899 15 23.5C15 19.9101 12.0899 17 8.5 17C4.91015 17 2 19.9101 2 23.5C2 27.0899 4.91015 30 8.5 30Z"
fill="url(#paint5_radial_18_32153)"
/>
<path
d="M23.53 30C27.1199 30 30.03 27.0899 30.03 23.5C30.03 19.9101 27.1199 17 23.53 17C19.9402 17 17.03 19.9101 17.03 23.5C17.03 27.0899 19.9402 30 23.53 30Z"
fill="url(#paint6_radial_18_32153)"
/>
<path
d="M23.53 30C27.1199 30 30.03 27.0899 30.03 23.5C30.03 19.9101 27.1199 17 23.53 17C19.9402 17 17.03 19.9101 17.03 23.5C17.03 27.0899 19.9402 30 23.53 30Z"
fill="url(#paint7_radial_18_32153)"
/>
<g filter="url(#filter3_f_18_32153)">
<path
d="M24.5203 5.01447C22.9819 3.57817 21.8563 4.11194 21.4239 4.48259C20.9915 4.85324 19.9078 6.9951 22.6369 9.68089C25.366 12.3667 28.6058 11.6627 28.6058 11.6627C28.6058 11.6627 26.0587 6.45077 24.5203 5.01447Z"
fill="url(#paint8_linear_18_32153)"
fillOpacity={0.2}
/>
</g>
<defs>
<filter
id="filter0_f_18_32153"
x={7.58811}
y={3.67148}
width={11.6214}
height={14.6718}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_32153"
/>
</filter>
<filter
id="filter1_f_18_32153"
x={13.8466}
y={7.25}
width={8.34363}
height={12.0015}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18_32153"
/>
</filter>
<filter
id="filter2_f_18_32153"
x={14.3966}
y={3.08027}
width={15.4773}
height={9.88212}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.1}
result="effect1_foregroundBlur_18_32153"
/>
</filter>
<filter
id="filter3_f_18_32153"
x={20.1444}
y={3.37092}
width={9.16147}
height={9.07505}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.35}
result="effect1_foregroundBlur_18_32153"
/>
</filter>
<radialGradient
id="paint0_radial_18_32153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.137 5.74545) rotate(149.036) scale(21.9358 32.3879)"
>
<stop stopColor="#86BC09" />
<stop offset={1} stopColor="#79B024" />
</radialGradient>
<linearGradient
id="paint1_linear_18_32153"
x1={18.5377}
y1={4.18694}
x2={8.43811}
y2={17.1491}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A7D050" stopOpacity={0} />
<stop offset={0.526042} stopColor="#A7D050" stopOpacity={0.75} />
</linearGradient>
<linearGradient
id="paint2_linear_18_32153"
x1={14.5966}
y1={8}
x2={21.0762}
y2={17.9052}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A7D050" stopOpacity={0} />
<stop offset={0.276042} stopColor="#A7D050" stopOpacity={0.6} />
</linearGradient>
<radialGradient
id="paint3_radial_18_32153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(30.7219 2.76723) rotate(118.501) scale(9.85467 14.5503)"
>
<stop offset={0.491849} stopColor="#B8FF2C" />
<stop offset={1} stopColor="#A7DC3E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_32153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.2705 21.5376) rotate(134.7) scale(9.09441)"
>
<stop stopColor="#FF7495" />
<stop offset={0.505208} stopColor="#FF1D61" />
<stop offset={1} stopColor="#CF1D75" />
</radialGradient>
<radialGradient
id="paint5_radial_18_32153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(1.58414 20.4602) rotate(34.3803) scale(10.8514)"
>
<stop stopColor="#902429" />
<stop offset={1} stopColor="#D11146" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_32153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.3006 21.5376) rotate(134.7) scale(9.09441)"
>
<stop stopColor="#FF7495" />
<stop offset={0.505208} stopColor="#FF1D61" />
<stop offset={1} stopColor="#CF1D75" />
</radialGradient>
<radialGradient
id="paint7_radial_18_32153"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6142 20.4602) rotate(34.3803) scale(10.8514)"
>
<stop stopColor="#902429" />
<stop offset={1} stopColor="#D11146" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_32153"
x1={25.937}
y1={5.42903}
x2={22.1023}
y2={9.53371}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BDF45B" />
<stop offset={0.833333} stopColor="#BDF45B" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = CherriesIcon;