UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

172 lines (171 loc) 6.18 kB
const React = require("react"); const MangoIcon = ({ 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="M13.1827 4.8193L8.5435 7.04115C6.3123 8.1524 3.21087 7.37551 2.03075 4.77006C1.99317 4.69568 1.96582 4.57849 2.10036 4.50939L6.53164 2.37412C8.67681 1.39765 12.1607 2.37412 13.1827 4.8193Z" fill="url(#paint0_linear_18_29804)" /> <g filter="url(#filter0_f_18_29804)"> <path d="M2.61157 4.81806L6.74351 2.82703C7.67589 2.40454 8.94596 2.39152 10.1184 2.78733C11.1268 3.1278 12.0014 3.74916 12.5066 4.58872L8.32744 6.59016L8.32053 6.5936C6.38804 7.55608 3.7433 6.93235 2.61157 4.81806Z" fill="url(#paint1_linear_18_29804)" /> </g> <g filter="url(#filter1_f_18_29804)"> <path d="M6.78024 2.69571C8.7841 1.78357 11.8629 2.44231 12.8177 4.72643C10.0555 2.83133 9.4145 2.0287 3.71411 4.02332L6.78024 2.69571Z" fill="url(#paint2_linear_18_29804)" /> </g> <path d="M6.72713 15.4559C5.95227 11.485 7.12769 7.51151 12.0679 5.27509C16.7076 2.97189 21.3109 4.91616 23.3168 7.67842C29.4253 16.0901 27.556 23.3001 27.556 23.3001C26.9886 27.5727 21.0663 32.9979 14.1708 28.2403C14.1708 28.2403 8.97967 25.1313 6.72713 15.4559Z" fill="url(#paint3_radial_18_29804)" /> <path d="M6.72713 15.4559C5.95227 11.485 7.12769 7.51151 12.0679 5.27509C16.7076 2.97189 21.3109 4.91616 23.3168 7.67842C29.4253 16.0901 27.556 23.3001 27.556 23.3001C26.9886 27.5727 21.0663 32.9979 14.1708 28.2403C14.1708 28.2403 8.97967 25.1313 6.72713 15.4559Z" fill="url(#paint4_radial_18_29804)" /> <path d="M6.72713 15.4559C5.95227 11.485 7.12769 7.51151 12.0679 5.27509C16.7076 2.97189 21.3109 4.91616 23.3168 7.67842C29.4253 16.0901 27.556 23.3001 27.556 23.3001C26.9886 27.5727 21.0663 32.9979 14.1708 28.2403C14.1708 28.2403 8.97967 25.1313 6.72713 15.4559Z" fill="url(#paint5_radial_18_29804)" /> <path d="M6.72713 15.4559C5.95227 11.485 7.12769 7.51151 12.0679 5.27509C16.7076 2.97189 21.3109 4.91616 23.3168 7.67842C29.4253 16.0901 27.556 23.3001 27.556 23.3001C26.9886 27.5727 21.0663 32.9979 14.1708 28.2403C14.1708 28.2403 8.97967 25.1313 6.72713 15.4559Z" fill="url(#paint6_radial_18_29804)" /> <defs> <filter id="filter0_f_18_29804" x={2.11157} y={2} width={10.895} height={5.5343} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_29804" /> </filter> <filter id="filter1_f_18_29804" x={2.96411} y={1.5498} width={10.6035} height={3.92664} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.375} result="effect1_foregroundBlur_18_29804" /> </filter> <linearGradient id="paint0_linear_18_29804" x1={2} y1={4.7666} x2={13.1827} y2={4.7666} gradientUnits="userSpaceOnUse" > <stop stopColor="#83AE1E" /> <stop offset={1} stopColor="#ABC932" /> </linearGradient> <linearGradient id="paint1_linear_18_29804" x1={1.99994} y1={4.76661} x2={13.1827} y2={4.76661} gradientUnits="userSpaceOnUse" > <stop stopColor="#95B91A" /> <stop offset={1} stopColor="#B5CE35" /> </linearGradient> <linearGradient id="paint2_linear_18_29804" x1={12.8177} y1={4.56069} x2={4.09343} y2={3.51312} gradientUnits="userSpaceOnUse" > <stop stopColor="#D1ED71" stopOpacity={0} /> <stop offset={0.182292} stopColor="#D1ED71" /> <stop offset={0.90625} stopColor="#D1ED71" stopOpacity={0} /> </linearGradient> <radialGradient id="paint3_radial_18_29804" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(4.64538 6.58037) rotate(33.3911) scale(23.5619 19.4408)" > <stop offset={0.159956} stopColor="#E24B00" /> <stop offset={0.458134} stopColor="#FF8323" /> <stop offset={0.794696} stopColor="#FFC16B" /> <stop offset={1} stopColor="#FFF440" /> </radialGradient> <radialGradient id="paint4_radial_18_29804" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.8318 9.51741) rotate(94.6261) scale(20.6407 17.0306)" > <stop stopColor="#FFA453" stopOpacity={0} /> <stop offset={1} stopColor="#DD491A" /> </radialGradient> <radialGradient id="paint5_radial_18_29804" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25 19.75) rotate(-165.124) scale(16.5548 13.6593)" > <stop stopColor="#FFF33F" /> <stop offset={1} stopColor="#FFF33F" stopOpacity={0} /> </radialGradient> <radialGradient id="paint6_radial_18_29804" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(13 35.25) rotate(-51.6667) scale(13.7045 11.3075)" > <stop stopColor="#D9777B" /> <stop offset={1} stopColor="#FFB374" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = MangoIcon;