@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
172 lines (171 loc) • 6.18 kB
JSX
const React = require("react");
const MangoIcon = ({ 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="M13.1827 4.8193L8.5435 7.04115C6.3123 8.1524 3.21087 7.37551 2.03075 4.77006C1.99317 4.69568 1.96582 4.57849 2.10036 4.50939L6.53164 2.37412C8.67681 1.39765 12.1607 2.37412 13.1827 4.8193Z"
fill="url(#paint0_linear_18_29804)"
/>
<g filter="url(#filter0_f_18_29804)">
<path
d="M2.61157 4.81806L6.74351 2.82703C7.67589 2.40454 8.94596 2.39152 10.1184 2.78733C11.1268 3.1278 12.0014 3.74916 12.5066 4.58872L8.32744 6.59016L8.32053 6.5936C6.38804 7.55608 3.7433 6.93235 2.61157 4.81806Z"
fill="url(#paint1_linear_18_29804)"
/>
</g>
<g filter="url(#filter1_f_18_29804)">
<path
d="M6.78024 2.69571C8.7841 1.78357 11.8629 2.44231 12.8177 4.72643C10.0555 2.83133 9.4145 2.0287 3.71411 4.02332L6.78024 2.69571Z"
fill="url(#paint2_linear_18_29804)"
/>
</g>
<path
d="M6.72713 15.4559C5.95227 11.485 7.12769 7.51151 12.0679 5.27509C16.7076 2.97189 21.3109 4.91616 23.3168 7.67842C29.4253 16.0901 27.556 23.3001 27.556 23.3001C26.9886 27.5727 21.0663 32.9979 14.1708 28.2403C14.1708 28.2403 8.97967 25.1313 6.72713 15.4559Z"
fill="url(#paint3_radial_18_29804)"
/>
<path
d="M6.72713 15.4559C5.95227 11.485 7.12769 7.51151 12.0679 5.27509C16.7076 2.97189 21.3109 4.91616 23.3168 7.67842C29.4253 16.0901 27.556 23.3001 27.556 23.3001C26.9886 27.5727 21.0663 32.9979 14.1708 28.2403C14.1708 28.2403 8.97967 25.1313 6.72713 15.4559Z"
fill="url(#paint4_radial_18_29804)"
/>
<path
d="M6.72713 15.4559C5.95227 11.485 7.12769 7.51151 12.0679 5.27509C16.7076 2.97189 21.3109 4.91616 23.3168 7.67842C29.4253 16.0901 27.556 23.3001 27.556 23.3001C26.9886 27.5727 21.0663 32.9979 14.1708 28.2403C14.1708 28.2403 8.97967 25.1313 6.72713 15.4559Z"
fill="url(#paint5_radial_18_29804)"
/>
<path
d="M6.72713 15.4559C5.95227 11.485 7.12769 7.51151 12.0679 5.27509C16.7076 2.97189 21.3109 4.91616 23.3168 7.67842C29.4253 16.0901 27.556 23.3001 27.556 23.3001C26.9886 27.5727 21.0663 32.9979 14.1708 28.2403C14.1708 28.2403 8.97967 25.1313 6.72713 15.4559Z"
fill="url(#paint6_radial_18_29804)"
/>
<defs>
<filter
id="filter0_f_18_29804"
x={2.11157}
y={2}
width={10.895}
height={5.5343}
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_29804"
/>
</filter>
<filter
id="filter1_f_18_29804"
x={2.96411}
y={1.5498}
width={10.6035}
height={3.92664}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_29804"
/>
</filter>
<linearGradient
id="paint0_linear_18_29804"
x1={2}
y1={4.7666}
x2={13.1827}
y2={4.7666}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#83AE1E" />
<stop offset={1} stopColor="#ABC932" />
</linearGradient>
<linearGradient
id="paint1_linear_18_29804"
x1={1.99994}
y1={4.76661}
x2={13.1827}
y2={4.76661}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#95B91A" />
<stop offset={1} stopColor="#B5CE35" />
</linearGradient>
<linearGradient
id="paint2_linear_18_29804"
x1={12.8177}
y1={4.56069}
x2={4.09343}
y2={3.51312}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D1ED71" stopOpacity={0} />
<stop offset={0.182292} stopColor="#D1ED71" />
<stop offset={0.90625} stopColor="#D1ED71" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_29804"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(4.64538 6.58037) rotate(33.3911) scale(23.5619 19.4408)"
>
<stop offset={0.159956} stopColor="#E24B00" />
<stop offset={0.458134} stopColor="#FF8323" />
<stop offset={0.794696} stopColor="#FFC16B" />
<stop offset={1} stopColor="#FFF440" />
</radialGradient>
<radialGradient
id="paint4_radial_18_29804"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.8318 9.51741) rotate(94.6261) scale(20.6407 17.0306)"
>
<stop stopColor="#FFA453" stopOpacity={0} />
<stop offset={1} stopColor="#DD491A" />
</radialGradient>
<radialGradient
id="paint5_radial_18_29804"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25 19.75) rotate(-165.124) scale(16.5548 13.6593)"
>
<stop stopColor="#FFF33F" />
<stop offset={1} stopColor="#FFF33F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_29804"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13 35.25) rotate(-51.6667) scale(13.7045 11.3075)"
>
<stop stopColor="#D9777B" />
<stop offset={1} stopColor="#FFB374" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = MangoIcon;