@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
213 lines (212 loc) • 8.9 kB
JSX
const React = require("react");
const MushroomIcon = ({ 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="M10.9915 25.443L13.5 18.5L18.5938 18.5L20.8311 25.3566C21.3861 26.7009 20.4182 28.1875 18.9878 28.1875H12.8682C11.4767 28.1875 10.5105 26.7745 10.9915 25.443Z"
fill="url(#paint0_linear_18_29655)"
/>
<path
d="M10.9915 25.443L13.5 18.5L18.5938 18.5L20.8311 25.3566C21.3861 26.7009 20.4182 28.1875 18.9878 28.1875H12.8682C11.4767 28.1875 10.5105 26.7745 10.9915 25.443Z"
fill="url(#paint1_linear_18_29655)"
/>
<path
d="M10.9915 25.443L13.5 18.5L18.5938 18.5L20.8311 25.3566C21.3861 26.7009 20.4182 28.1875 18.9878 28.1875H12.8682C11.4767 28.1875 10.5105 26.7745 10.9915 25.443Z"
fill="url(#paint2_linear_18_29655)"
/>
<path
d="M10.9915 25.443L13.5 18.5L18.5938 18.5L20.8311 25.3566C21.3861 26.7009 20.4182 28.1875 18.9878 28.1875H12.8682C11.4767 28.1875 10.5105 26.7745 10.9915 25.443Z"
fill="url(#paint3_radial_18_29655)"
/>
<path
d="M4 16C4 13.7292 4.63072 11.6058 5.72653 9.79528L9.5 8L12.7584 4.44294C13.7896 4.15433 14.8768 4 16 4C17.626 4 19.1764 4.32338 20.5905 4.90934L23.5 10.5L27.9552 14.9562C27.9849 15.3002 28 15.6483 28 16V18C28 19.1046 27.1046 20 26 20H6C4.89543 20 4 19.1046 4 18V16Z"
fill="url(#paint4_radial_18_29655)"
/>
<path
d="M4 16C4 13.7292 4.63072 11.6058 5.72653 9.79528L9.5 8L12.7584 4.44294C13.7896 4.15433 14.8768 4 16 4C17.626 4 19.1764 4.32338 20.5905 4.90934L23.5 10.5L27.9552 14.9562C27.9849 15.3002 28 15.6483 28 16V18C28 19.1046 27.1046 20 26 20H6C4.89543 20 4 19.1046 4 18V16Z"
fill="url(#paint5_radial_18_29655)"
/>
<path
d="M4 16C4 13.7292 4.63072 11.6058 5.72653 9.79528L9.5 8L12.7584 4.44294C13.7896 4.15433 14.8768 4 16 4C17.626 4 19.1764 4.32338 20.5905 4.90934L23.5 10.5L27.9552 14.9562C27.9849 15.3002 28 15.6483 28 16V18C28 19.1046 27.1046 20 26 20H6C4.89543 20 4 19.1046 4 18V16Z"
fill="url(#paint6_radial_18_29655)"
/>
<path
d="M4 16C4 13.7292 4.63072 11.6058 5.72653 9.79528L9.5 8L12.7584 4.44294C13.7896 4.15433 14.8768 4 16 4C17.626 4 19.1764 4.32338 20.5905 4.90934L23.5 10.5L27.9552 14.9562C27.9849 15.3002 28 15.6483 28 16V18C28 19.1046 27.1046 20 26 20H6C4.89543 20 4 19.1046 4 18V16Z"
fill="url(#paint7_radial_18_29655)"
/>
<path
d="M4 16C4 13.7292 4.63072 11.6058 5.72653 9.79528L9.5 8L12.7584 4.44294C13.7896 4.15433 14.8768 4 16 4C17.626 4 19.1764 4.32338 20.5905 4.90934L23.5 10.5L27.9552 14.9562C27.9849 15.3002 28 15.6483 28 16V18C28 19.1046 27.1046 20 26 20H6C4.89543 20 4 19.1046 4 18V16Z"
fill="url(#paint8_radial_18_29655)"
/>
<path
d="M12.7893 4.43433C12.8422 4.7246 12.87 5.02385 12.87 5.33003C12.87 8.07003 10.64 10.29 7.89996 10.3C7.12279 10.3 6.3848 10.1172 5.72705 9.79433C7.29287 7.20782 9.80796 5.26015 12.7893 4.43433Z"
fill="#FFBCBD"
/>
<path
d="M12.7893 4.43433C12.8422 4.7246 12.87 5.02385 12.87 5.33003C12.87 8.07003 10.64 10.29 7.89996 10.3C7.12279 10.3 6.3848 10.1172 5.72705 9.79433C7.29287 7.20782 9.80796 5.26015 12.7893 4.43433Z"
fill="url(#paint9_radial_18_29655)"
/>
<path
d="M20.5726 4.90198C19.8506 5.96328 19.4301 7.24499 19.4301 8.63005C19.4301 12.2901 22.4001 15.26 26.0601 15.26C26.7191 15.26 27.3566 15.1631 27.9575 14.9833C27.5744 10.4165 24.6338 6.57708 20.5726 4.90198Z"
fill="#FFE1E9"
/>
<path
d="M20.5726 4.90198C19.8506 5.96328 19.4301 7.24499 19.4301 8.63005C19.4301 12.2901 22.4001 15.26 26.0601 15.26C26.7191 15.26 27.3566 15.1631 27.9575 14.9833C27.5744 10.4165 24.6338 6.57708 20.5726 4.90198Z"
fill="url(#paint10_radial_18_29655)"
/>
<path
d="M14.94 17.0401C16.4532 17.0401 17.68 15.8133 17.68 14.3001C17.68 12.7868 16.4532 11.5601 14.94 11.5601C13.4267 11.5601 12.2 12.7868 12.2 14.3001C12.2 15.8133 13.4267 17.0401 14.94 17.0401Z"
fill="url(#paint11_radial_18_29655)"
/>
<defs>
<linearGradient
id="paint0_linear_18_29655"
x1={15.9282}
y1={17.9016}
x2={15.9282}
y2={28.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F4869C" />
<stop offset={0.272032} stopColor="#FA89A2" />
<stop offset={0.426097} stopColor="#FFAAAD" />
<stop offset={0.708548} stopColor="#FFBDAF" />
<stop offset={0.881871} stopColor="#FFB6C3" />
<stop offset={1} stopColor="#FF92C0" />
</linearGradient>
<linearGradient
id="paint1_linear_18_29655"
x1={10.8665}
y1={24.4934}
x2={12.1875}
y2={24.9687}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DB937A" />
<stop offset={1} stopColor="#E39A81" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_29655"
x1={21.5625}
y1={22.1875}
x2={19.25}
y2={23.3438}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.389189} stopColor="#D26982" />
<stop offset={1} stopColor="#DC7388" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.0625 24.8125) rotate(87.2073) scale(2.56555 4.69107)"
>
<stop stopColor="#FFD2BA" />
<stop offset={1} stopColor="#FFD6C1" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 13.625) rotate(90) scale(15.375 15.6471)"
>
<stop offset={0.546667} stopColor="#FF465A" />
<stop offset={1} stopColor="#AF1816" />
</radialGradient>
<radialGradient
id="paint5_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.4375 12) rotate(111.922) scale(5.52445 5.89112)"
>
<stop stopColor="#FF6783" />
<stop offset={1} stopColor="#FF6783" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.25 8.625) rotate(81.3359) scale(13.2765 34.6434)"
>
<stop offset={0.595116} stopColor="#FB3E7B" stopOpacity={0} />
<stop offset={0.958027} stopColor="#CF2FAA" />
</radialGradient>
<radialGradient
id="paint7_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.8125 15.5) rotate(36.1932) scale(6.35044 6.79696)"
>
<stop stopColor="#FF5152" />
<stop offset={0.544242} stopColor="#FE5152" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.4375 7.1875) rotate(65.8545) scale(7.94512 7.75891)"
>
<stop stopColor="#FF3942" />
<stop offset={0.755941} stopColor="#FF3A43" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.1875 9.0625) rotate(144.597) scale(9.27804 5.09653)"
>
<stop offset={0.135737} stopColor="#FFBDC0" />
<stop offset={0.562036} stopColor="#E8A7A1" />
<stop offset={0.795334} stopColor="#BB867E" />
</radialGradient>
<radialGradient
id="paint10_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.0625 12.5625) rotate(41.5613) scale(10.5514 8.29956)"
>
<stop offset={0.0496687} stopColor="#FFE0EA" />
<stop offset={0.635682} stopColor="#FFE0DE" />
<stop offset={0.888045} stopColor="#FFBFBB" />
<stop offset={1} stopColor="#F5BCAE" />
</radialGradient>
<radialGradient
id="paint11_radial_18_29655"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.9375 14.3001) rotate(159.141) scale(6.35394 6.35394)"
>
<stop stopColor="#FFCDEB" />
<stop offset={0.72775} stopColor="#FFB8D9" />
</radialGradient>
</defs>
</svg>
);
module.exports = MushroomIcon;