UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

213 lines (212 loc) 8.9 kB
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;