UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

99 lines (98 loc) 3.71 kB
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;