UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

136 lines (135 loc) 5.22 kB
const React = require("react"); const EggplantIcon = ({ 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="M19.5 30C4.48126 30 2.5 18.5 2.5 9H12.5C13.5 12 14.7619 16.623 21.5 15.5C27.5 14.5 30 19.2265 30 22C30 24 29.5 30 19.5 30Z" fill="url(#paint0_radial_18_31099)" /> <path d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z" fill="#2EC262" /> <path d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z" fill="url(#paint1_radial_18_31099)" /> <path d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z" fill="url(#paint2_radial_18_31099)" /> <path d="M7.5 2C6.67157 2 6 2.67157 6 3.5V4.83802L9 4.70312V3.5C9 2.67157 8.32843 2 7.5 2Z" fill="url(#paint3_radial_18_31099)" /> <path d="M6 4.27112C3.68008 5.0115 2 7.18453 2 9.74997V9.99997C2 10.5523 2.49505 11.0181 2.91905 10.6642C3.14028 10.4796 3.32014 10.2398 3.5 9.99997C3.875 9.49997 4.25 8.99997 5 8.99997C5.75 8.99997 6.125 9.49997 6.5 9.99997C6.875 10.5 7.25 11 8 11C8.75 11 9.125 10.5 9.5 9.99997C9.875 9.49997 10.25 8.99997 11 8.99997C11.7379 8.99997 12.0886 9.48396 12.445 9.97577C12.4979 10.0488 12.5509 10.122 12.6053 10.1937C12.954 10.6536 13.5 10.3271 13.5 9.74997C13.5 7.00361 11.5746 4.84186 9 4.27113C9 4.27113 8.28125 4.125 7.5 4.125C6.71875 4.125 6 4.27112 6 4.27112Z" fill="#28A964" /> <path d="M6 4.27112C3.68008 5.0115 2 7.18453 2 9.74997V9.99997C2 10.5523 2.49505 11.0181 2.91905 10.6642C3.14028 10.4796 3.32014 10.2398 3.5 9.99997C3.875 9.49997 4.25 8.99997 5 8.99997C5.75 8.99997 6.125 9.49997 6.5 9.99997C6.875 10.5 7.25 11 8 11C8.75 11 9.125 10.5 9.5 9.99997C9.875 9.49997 10.25 8.99997 11 8.99997C11.7379 8.99997 12.0886 9.48396 12.445 9.97577C12.4979 10.0488 12.5509 10.122 12.6053 10.1937C12.954 10.6536 13.5 10.3271 13.5 9.74997C13.5 7.00361 11.5746 4.84186 9 4.27113C9 4.27113 8.28125 4.125 7.5 4.125C6.71875 4.125 6 4.27112 6 4.27112Z" fill="url(#paint4_radial_18_31099)" /> <g filter="url(#filter0_f_18_31099)"> <ellipse cx={26.446} cy={20.7237} rx={1.88489} ry={1.39344} transform="rotate(-50.7731 26.446 20.7237)" fill="#B685FF" /> </g> <defs> <filter id="filter0_f_18_31099" x={21.8379} y={16.0181} width={9.21619} height={9.41125} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1.5} result="effect1_foregroundBlur_18_31099" /> </filter> <radialGradient id="paint0_radial_18_31099" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.5 12.1875) rotate(106.422) scale(18.5701 24.318)" > <stop offset={0.138036} stopColor="#8A59E8" /> <stop offset={0.301764} stopColor="#7E2EF2" /> <stop offset={0.446121} stopColor="#894AFF" /> <stop offset={0.50576} stopColor="#8A4CFF" /> <stop offset={0.766541} stopColor="#6A26FF" /> <stop offset={1} stopColor="#542BFF" /> </radialGradient> <radialGradient id="paint1_radial_18_31099" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(8.625 3.41901) rotate(90) scale(3.01849 2.375)" > <stop stopColor="#3EF797" /> <stop offset={1} stopColor="#3FF693" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18_31099" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7.9375 3.65625) rotate(90) scale(2 1.25)" > <stop stopColor="#47F99C" /> <stop offset={1} stopColor="#42F799" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_18_31099" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(8.05469 2.92188) rotate(138.424) scale(0.647496 0.669096)" > <stop stopColor="#5AFEA6" /> <stop offset={1} stopColor="#8CFFC2" stopOpacity={0} /> </radialGradient> <radialGradient id="paint4_radial_18_31099" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(11.375 6.25) rotate(130.732) scale(8.90773 8.79196)" > <stop offset={0.231493} stopColor="#46FFA1" /> <stop offset={0.93678} stopColor="#35FF99" stopOpacity={0} /> </radialGradient> </defs> </svg> ); module.exports = EggplantIcon;