@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
99 lines (98 loc) • 3.71 kB
JSX
const React = require("react");
const ChestnutIcon = ({ 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.6793 22.1725L15.9993 17L2.31934 22.1725C3.35934 26.1425 6.83934 29.4525 11.7093 29.4525H20.2793C25.1593 29.4525 28.6393 26.1425 29.6793 22.1725Z"
fill="#D88578"
/>
<path
d="M29.6793 22.1725L15.9993 17L2.31934 22.1725C3.35934 26.1425 6.83934 29.4525 11.7093 29.4525H20.2793C25.1593 29.4525 28.6393 26.1425 29.6793 22.1725Z"
fill="url(#paint0_radial_18_32140)"
/>
<path
d="M29.6793 22.1725L15.9993 17L2.31934 22.1725C3.35934 26.1425 6.83934 29.4525 11.7093 29.4525H20.2793C25.1593 29.4525 28.6393 26.1425 29.6793 22.1725Z"
fill="url(#paint1_radial_18_32140)"
/>
<path
d="M29.6796 22.1725C30.5096 19.0125 29.7896 15.4225 26.9896 12.7525L17.3996 3.5625C16.6196 2.8125 15.3796 2.8125 14.5996 3.5625L5.00955 12.7525C2.20955 15.4325 1.49955 19.0125 2.31955 22.1725H29.6796Z"
fill="url(#paint2_linear_18_32140)"
/>
<path
d="M29.6796 22.1725C30.5096 19.0125 29.7896 15.4225 26.9896 12.7525L17.3996 3.5625C16.6196 2.8125 15.3796 2.8125 14.5996 3.5625L5.00955 12.7525C2.20955 15.4325 1.49955 19.0125 2.31955 22.1725H29.6796Z"
fill="url(#paint3_radial_18_32140)"
/>
<path
d="M29.6796 22.1725C30.5096 19.0125 29.7896 15.4225 26.9896 12.7525L17.3996 3.5625C16.6196 2.8125 15.3796 2.8125 14.5996 3.5625L5.00955 12.7525C2.20955 15.4325 1.49955 19.0125 2.31955 22.1725H29.6796Z"
fill="url(#paint4_radial_18_32140)"
/>
<defs>
<radialGradient
id="paint0_radial_18_32140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9993 30.75) rotate(90) scale(10 21.9715)"
>
<stop stopColor="#CC6B7E" />
<stop offset={0.631579} stopColor="#CD6C75" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint1_radial_18_32140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.75 22.25) rotate(90) scale(7.2025 17.75)"
>
<stop offset={0.0867753} stopColor="#E7A277" />
<stop offset={0.694203} stopColor="#ECA27A" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_32140"
x1={24.125}
y1={9.875}
x2={2}
y2={18.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#835C55" />
<stop offset={0.549137} stopColor="#643E38" />
<stop offset={0.870556} stopColor="#5A403C" />
</linearGradient>
<radialGradient
id="paint3_radial_18_32140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.5 18.25) rotate(89.0122) scale(7.25108 14.5206)"
>
<stop stopColor="#9A7772" />
<stop offset={0.509447} stopColor="#916E69" stopOpacity={0.4} />
<stop offset={1} stopColor="#744450" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_32140"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.625 24) rotate(86.5936) scale(10.5186 24.1959)"
>
<stop stopColor="#693848" />
<stop offset={1} stopColor="#7B4552" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = ChestnutIcon;