@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
159 lines (158 loc) • 6.19 kB
JSX
const React = require("react");
const LemonIcon = ({ 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="M7.03604 2.49169L2 5.00962C2.82591 7.34634 5.52523 8.53484 8.04325 7.52763L14.0865 5.00967C13.2606 2.66287 9.85018 1.17686 7.03604 2.49169Z"
fill="url(#paint0_linear_18_30102)"
/>
<g filter="url(#filter0_f_18_30102)">
<path
d="M2.64575 5.26035L7.22767 2.96947C8.5803 2.39118 10.05 2.55851 11.2129 2.97773C12.2111 3.33758 12.9907 3.9608 13.418 4.75328L7.85198 7.0724C5.7348 7.91746 3.52324 7.0363 2.64575 5.26035Z"
fill="url(#paint1_linear_18_30102)"
/>
</g>
<g filter="url(#filter1_f_18_30102)">
<path
d="M5.00464 4.17246L7.43032 2.76879C8.78294 2.1905 10.2527 2.35783 11.4155 2.77705C12.4137 3.13689 13.1933 3.76012 13.6206 4.5526C10.4511 2.99575 9.9351 2.43024 5.00464 4.17246Z"
fill="url(#paint2_linear_18_30102)"
/>
</g>
<path
d="M14.9236 4.5997C9.51985 6.50701 6.6904 12.4499 8.59216 17.8694L9.84454 21.4282C11.2477 25.4172 14.8309 28.0107 18.7736 28.3363C19.5157 28.3945 20.2115 28.7201 20.7681 29.2202C21.5682 29.9413 22.7162 30.2087 23.7947 29.8249C24.8731 29.4412 25.6037 28.5108 25.7776 27.4525C25.8936 26.7082 26.2299 26.0336 26.7749 25.5103C29.6391 22.7656 30.8103 18.4974 29.4072 14.5084L28.1548 10.9496C26.2531 5.51849 20.3274 2.68077 14.9236 4.5997Z"
fill="url(#paint3_radial_18_30102)"
/>
<path
d="M14.9236 4.5997C9.51985 6.50701 6.6904 12.4499 8.59216 17.8694L9.84454 21.4282C11.2477 25.4172 14.8309 28.0107 18.7736 28.3363C19.5157 28.3945 20.2115 28.7201 20.7681 29.2202C21.5682 29.9413 22.7162 30.2087 23.7947 29.8249C24.8731 29.4412 25.6037 28.5108 25.7776 27.4525C25.8936 26.7082 26.2299 26.0336 26.7749 25.5103C29.6391 22.7656 30.8103 18.4974 29.4072 14.5084L28.1548 10.9496C26.2531 5.51849 20.3274 2.68077 14.9236 4.5997Z"
fill="url(#paint4_radial_18_30102)"
/>
<path
d="M14.9236 4.5997C9.51985 6.50701 6.6904 12.4499 8.59216 17.8694L9.84454 21.4282C11.2477 25.4172 14.8309 28.0107 18.7736 28.3363C19.5157 28.3945 20.2115 28.7201 20.7681 29.2202C21.5682 29.9413 22.7162 30.2087 23.7947 29.8249C24.8731 29.4412 25.6037 28.5108 25.7776 27.4525C25.8936 26.7082 26.2299 26.0336 26.7749 25.5103C29.6391 22.7656 30.8103 18.4974 29.4072 14.5084L28.1548 10.9496C26.2531 5.51849 20.3274 2.68077 14.9236 4.5997Z"
fill="url(#paint5_radial_18_30102)"
/>
<defs>
<filter
id="filter0_f_18_30102"
x={1.89035}
y={1.84127}
width={12.283}
height={6.31025}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.377703}
result="effect1_foregroundBlur_18_30102"
/>
</filter>
<filter
id="filter1_f_18_30102"
x={4.24923}
y={1.64059}
width={10.1268}
height={3.66743}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.377703}
result="effect1_foregroundBlur_18_30102"
/>
</filter>
<linearGradient
id="paint0_linear_18_30102"
x1={2}
y1={5.00899}
x2={14.0865}
y2={5.00899}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#80A338" />
<stop offset={1} stopColor="#B3D745" />
</linearGradient>
<linearGradient
id="paint1_linear_18_30102"
x1={1.99902}
y1={5.02002}
x2={14.0855}
y2={5.02002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#95BD27" />
<stop offset={1} stopColor="#BAE038" />
</linearGradient>
<linearGradient
id="paint2_linear_18_30102"
x1={13.6206}
y1={4.2397}
x2={6.38307}
y2={3.29833}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D1F56E" stopOpacity={0} />
<stop offset={0.286062} stopColor="#D1F56E" />
<stop offset={1} stopColor="#D1F56E" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_30102"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.2025 10.5724) rotate(115.148) scale(17.6305 14.9181)"
>
<stop stopColor="#FFFB98" />
<stop offset={0.505208} stopColor="#FFD84C" />
<stop offset={1} stopColor="#E6B534" />
</radialGradient>
<radialGradient
id="paint4_radial_18_30102"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.6238 4.96834) rotate(69.3343) scale(26.7531 22.6372)"
>
<stop offset={0.521583} stopColor="#FFDE67" stopOpacity={0} />
<stop offset={0.736095} stopColor="#FFA457" stopOpacity={0.2} />
<stop offset={0.886173} stopColor="#D5676D" stopOpacity={0.75} />
<stop offset={0.917885} stopColor="#E88257" />
<stop offset={1} stopColor="#F49754" />
</radialGradient>
<radialGradient
id="paint5_radial_18_30102"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(-10.5942 -28.473) rotate(56.1215) scale(51.3589 43.4576)"
>
<stop offset={0.707976} stopColor="#D5B638" />
<stop offset={0.873737} stopColor="#D5B638" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = LemonIcon;