@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
127 lines (126 loc) • 4.98 kB
JSX
const React = require("react");
const PotatoIcon = ({ 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="M22.8372 2.93155C18.6372 0.951551 13.6172 2.23155 10.8772 5.97155L5.63718 13.1116C1.68718 18.4916 3.63718 26.1416 9.67718 28.9816C15.0072 31.4916 21.3472 29.1716 23.8172 23.8316L27.5272 15.7916C29.7572 10.9516 27.6672 5.21155 22.8372 2.93155Z"
fill="url(#paint0_radial_18_29094)"
/>
<path
d="M22.8372 2.93155C18.6372 0.951551 13.6172 2.23155 10.8772 5.97155L5.63718 13.1116C1.68718 18.4916 3.63718 26.1416 9.67718 28.9816C15.0072 31.4916 21.3472 29.1716 23.8172 23.8316L27.5272 15.7916C29.7572 10.9516 27.6672 5.21155 22.8372 2.93155Z"
fill="url(#paint1_linear_18_29094)"
/>
<path
d="M19.0054 16C20.107 16 21 15.107 21 14.0054C21 12.9039 20.107 12.0109 19.0054 12.0109C17.9039 12.0109 17.0109 12.9039 17.0109 14.0054C17.0109 15.107 17.9039 16 19.0054 16Z"
fill="url(#paint2_radial_18_29094)"
/>
<path
d="M9.45801 19C10.2924 19 10.9688 18.3284 10.9688 17.5C10.9688 16.6716 10.2924 16 9.45801 16C8.62365 16 7.94727 16.6716 7.94727 17.5C7.94727 18.3284 8.62365 19 9.45801 19Z"
fill="url(#paint3_radial_18_29094)"
/>
<path
d="M10.9687 25.0632C11.5555 25.0632 12.0312 24.5875 12.0312 24.0006C12.0312 23.4138 11.5555 22.9381 10.9687 22.9381C10.3818 22.9381 9.90613 23.4138 9.90613 24.0006C9.90613 24.5875 10.3818 25.0632 10.9687 25.0632Z"
fill="url(#paint4_radial_18_29094)"
/>
<path
d="M23.4833 15.9466C23.9431 16.2122 24.562 16.0016 24.8656 15.4761C25.1692 14.9506 25.0425 14.3092 24.5827 14.0435C24.1228 13.7779 23.5039 13.9885 23.2003 14.514C22.8967 15.0395 23.0234 15.6809 23.4833 15.9466Z"
fill="url(#paint5_radial_18_29094)"
/>
<path
d="M19.5179 7.98486C20.3365 7.98486 21 7.32132 21 6.50281C21 5.68429 20.3365 5.02075 19.5179 5.02075C18.6994 5.02075 18.0359 5.68429 18.0359 6.50281C18.0359 7.32132 18.6994 7.98486 19.5179 7.98486Z"
fill="url(#paint6_radial_18_29094)"
/>
<defs>
<radialGradient
id="paint0_radial_18_29094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27 7.125) rotate(126.229) scale(31.302 31.302)"
>
<stop stopColor="#FFE7BB" />
<stop offset={0.399343} stopColor="#EAB994" />
<stop offset={0.657157} stopColor="#DD977F" />
<stop offset={0.78124} stopColor="#D27E76" />
<stop offset={0.885055} stopColor="#C96A6F" />
</radialGradient>
<linearGradient
id="paint1_linear_18_29094"
x1={5.375}
y1={8.75}
x2={14.625}
y2={12.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AB8261" />
<stop offset={1} stopColor="#AE8462" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_29094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.75 14.9375) rotate(-31.6075) scale(3.81608)"
>
<stop offset={0.0563304} stopColor="#DC9B66" />
<stop offset={0.506438} stopColor="#CC7D4F" />
<stop offset={1} stopColor="#CA7544" />
</radialGradient>
<radialGradient
id="paint3_radial_18_29094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.5 18.0313) rotate(-20.9849) scale(2.4433 2.4608)"
>
<stop stopColor="#BB8056" />
<stop offset={1} stopColor="#B0693C" />
</radialGradient>
<radialGradient
id="paint4_radial_18_29094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.4063 24.7187) rotate(-30.5072) scale(1.41458)"
>
<stop stopColor="#C5805E" />
<stop offset={1} stopColor="#B9663B" />
</radialGradient>
<radialGradient
id="paint5_radial_18_29094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.625 15.75) rotate(-42.6467) scale(1.61445 1.70191)"
>
<stop offset={0.0563304} stopColor="#DC9B66" />
<stop offset={0.852005} stopColor="#CA7544" />
</radialGradient>
<radialGradient
id="paint6_radial_18_29094"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.2812 6.50281) rotate(12.263) scale(2.78223 3.26298)"
>
<stop offset={0.0563304} stopColor="#DC9B66" />
<stop offset={0.852005} stopColor="#C97C34" />
</radialGradient>
</defs>
</svg>
);
module.exports = PotatoIcon;