@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
394 lines (393 loc) • 16.2 kB
JSX
const React = require("react");
const PineappleIcon = ({ 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="M7.89924 2.00655C11.0202 3.19952 12.6947 6.73074 11.6435 9.90221C8.53205 8.70475 6.85749 5.17352 7.89924 2.00655Z"
fill="url(#paint0_linear_18_29304)"
/>
<g filter="url(#filter0_f_18_29304)">
<path
d="M8.12109 2.50699C10.481 3.9855 11.988 6.00423 11.3909 9.30244C8.54759 7.48274 7.72303 5.60617 8.12109 2.50699Z"
fill="url(#paint1_linear_18_29304)"
/>
</g>
<g filter="url(#filter1_f_18_29304)">
<path
d="M8.12109 2.50696C10.481 3.98546 11.988 6.0042 11.3909 9.3024C10.5663 6.23166 9.71334 5.00905 8.12109 2.50696Z"
fill="url(#paint2_linear_18_29304)"
/>
</g>
<path
d="M14.4551 2.04209C11.5072 3.44002 10.2898 7.04276 11.7354 10.0911C14.6786 8.68332 15.896 5.08059 14.4551 2.04209Z"
fill="url(#paint3_linear_18_29304)"
/>
<g filter="url(#filter2_f_18_29304)">
<path
d="M14.3214 2.46966C11.6308 3.9393 10.8395 6.76552 11.8343 9.75002C14.4118 8.12211 15.3953 5.53329 14.3214 2.46966Z"
fill="url(#paint4_linear_18_29304)"
/>
</g>
<g filter="url(#filter3_f_18_29304)">
<path
d="M14.3214 2.46966C12.7754 4.43777 11.6872 6.71034 11.8343 9.75002C13.4302 7.23033 14.3214 4.86147 14.3214 2.46966Z"
fill="url(#paint5_linear_18_29304)"
/>
</g>
<path
d="M4 7C6.94788 5.60207 10.5078 6.93934 11.9534 9.98764C9.00086 11.3758 5.4409 10.0385 4 7Z"
fill="url(#paint6_linear_18_29304)"
/>
<g filter="url(#filter4_f_18_29304)">
<path
d="M4.51013 7.16992C7.21125 6.34537 9.71334 7.16992 11.3909 9.78574C8.2917 10.6956 6.18767 9.55828 4.51013 7.16992Z"
fill="url(#paint7_linear_18_29304)"
/>
</g>
<g filter="url(#filter5_f_18_29304)">
<path
d="M5.64746 7.19836C8.00739 6.65814 9.4859 7.19836 11.3909 9.78575C9.08784 7.96605 8.26329 7.56799 5.64746 7.19836Z"
fill="#CFF278"
fillOpacity={0.8}
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.6775 8.87511C14.8048 8.82184 13.9135 8.9264 13.0462 9.20386C12.7418 9.30127 12.4403 9.42 12.1436 9.56069L11.0721 10.0688C10.774 10.2102 10.49 10.3692 10.2208 10.544C9.4638 11.0357 8.82383 11.6524 8.31551 12.3528C6.8143 14.4215 6.46137 17.221 7.63252 19.6907L8.76789 22.0849L10.4834 25.7024C10.5682 25.8814 10.6595 26.0553 10.7568 26.2239C11.3507 27.2533 12.1685 28.0881 13.1184 28.6948C13.9307 29.2137 14.8396 29.5658 15.7877 29.7303C17.2066 29.9764 18.7131 29.8021 20.1147 29.1375L21.1862 28.6293C22.5684 27.9739 23.6477 26.9357 24.3564 25.7009C24.8324 24.8717 25.1412 23.9538 25.2624 23.0036C25.4081 21.8616 25.2827 20.6729 24.8505 19.5356C24.7819 19.3549 24.7055 19.1756 24.6213 18.998L22.907 15.383L21.7704 12.9863C20.6031 10.5248 18.2196 9.03028 15.6775 8.87511L15.6775 8.87511Z"
fill="url(#paint8_radial_18_29304)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.6775 8.87511C14.8048 8.82184 13.9135 8.9264 13.0462 9.20386C12.7418 9.30127 12.4403 9.42 12.1436 9.56069L11.0721 10.0688C10.774 10.2102 10.49 10.3692 10.2208 10.544C9.4638 11.0357 8.82383 11.6524 8.31551 12.3528C6.8143 14.4215 6.46137 17.221 7.63252 19.6907L8.76789 22.0849L10.4834 25.7024C10.5682 25.8814 10.6595 26.0553 10.7568 26.2239C11.3507 27.2533 12.1685 28.0881 13.1184 28.6948C13.9307 29.2137 14.8396 29.5658 15.7877 29.7303C17.2066 29.9764 18.7131 29.8021 20.1147 29.1375L21.1862 28.6293C22.5684 27.9739 23.6477 26.9357 24.3564 25.7009C24.8324 24.8717 25.1412 23.9538 25.2624 23.0036C25.4081 21.8616 25.2827 20.6729 24.8505 19.5356C24.7819 19.3549 24.7055 19.1756 24.6213 18.998L22.907 15.383L21.7704 12.9863C20.6031 10.5248 18.2196 9.03028 15.6775 8.87511L15.6775 8.87511Z"
fill="url(#paint9_radial_18_29304)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.6775 8.87511C14.8048 8.82184 13.9135 8.9264 13.0462 9.20386C12.7418 9.30127 12.4403 9.42 12.1436 9.56069L11.0721 10.0688C10.774 10.2102 10.49 10.3692 10.2208 10.544C9.4638 11.0357 8.82383 11.6524 8.31551 12.3528C6.8143 14.4215 6.46137 17.221 7.63252 19.6907L8.76789 22.0849L10.4834 25.7024C10.5682 25.8814 10.6595 26.0553 10.7568 26.2239C11.3507 27.2533 12.1685 28.0881 13.1184 28.6948C13.9307 29.2137 14.8396 29.5658 15.7877 29.7303C17.2066 29.9764 18.7131 29.8021 20.1147 29.1375L21.1862 28.6293C22.5684 27.9739 23.6477 26.9357 24.3564 25.7009C24.8324 24.8717 25.1412 23.9538 25.2624 23.0036C25.4081 21.8616 25.2827 20.6729 24.8505 19.5356C24.7819 19.3549 24.7055 19.1756 24.6213 18.998L22.907 15.383L21.7704 12.9863C20.6031 10.5248 18.2196 9.03028 15.6775 8.87511L15.6775 8.87511Z"
fill="url(#paint10_radial_18_29304)"
/>
<path
d="M13.0289 10.5461L15.1604 11.8815C15.3227 11.9788 15.5218 11.8843 15.5492 11.6971L15.8622 9.16807C15.8736 9.06973 15.8287 8.97491 15.7453 8.92154L15.6774 8.87511C14.8047 8.82184 13.9134 8.9264 13.0462 9.20386L12.9075 10.2901C12.8961 10.3885 12.9455 10.4928 13.0289 10.5461Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M8.31543 12.3528C8.82375 11.6524 9.46372 11.0357 10.2208 10.544L11.1388 11.1405C11.2222 11.1938 11.2671 11.2887 11.2557 11.387L10.9408 13.8825C10.9134 14.0697 10.7143 14.1641 10.552 14.0668L8.42053 12.7315C8.33714 12.6781 8.28768 12.5738 8.29912 12.4755L8.31543 12.3528Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M10.7568 26.2239C10.6594 26.0553 10.5682 25.8814 10.4833 25.7024L8.76781 22.0849C8.83236 21.9453 9.00312 21.8602 9.13438 21.9517L11.2659 23.2871C11.3493 23.3405 11.3942 23.4353 11.3828 23.5336L11.0679 26.0291C11.0467 26.1738 10.8975 26.2513 10.7568 26.2239Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M15.7876 29.7303C14.8395 29.5658 13.9306 29.2137 13.1183 28.6948C13.116 28.6805 13.1133 28.661 13.1136 28.6476L13.427 26.1299C13.4543 25.9427 13.6535 25.8482 13.8157 25.9455L15.9472 27.2808C16.0401 27.3297 16.0851 27.4245 16.0641 27.5274L15.7876 29.7303Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M25.2623 23.0036C25.1412 23.9538 24.8323 24.8717 24.3563 25.7009L22.4362 24.5057C22.3528 24.4523 22.3078 24.3575 22.3193 24.2592L22.6342 21.7637C22.6615 21.5765 22.8607 21.4821 23.0229 21.5793L25.1833 22.9293C25.2174 22.9472 25.2437 22.9751 25.2623 23.0036Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M22.9069 15.383L24.6212 18.998C24.7054 19.1756 24.7818 19.3549 24.8504 19.5356C24.7929 19.6624 24.6172 19.7522 24.4851 19.6664L22.3536 18.3311C22.2702 18.2777 22.2253 18.1829 22.2367 18.0845L22.5516 15.5891C22.573 15.423 22.7604 15.3299 22.9069 15.383Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M11.2213 17.3151L9.08982 15.9798C8.92755 15.8825 8.72843 15.9769 8.70105 16.1641L8.38617 18.6596C8.37473 18.7579 8.41969 18.8527 8.50308 18.9061L10.6346 20.2414C10.7969 20.3387 10.996 20.2443 11.0234 20.0571L11.3382 17.5616C11.3592 17.4588 11.3142 17.364 11.2213 17.3151Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M15.243 18.0561C15.4052 18.1534 15.6044 18.0589 15.6317 17.8717L15.9466 15.3763C15.9581 15.2779 15.9131 15.1831 15.8297 15.1298L13.6982 13.7944C13.5359 13.6971 13.3368 13.7916 13.3094 13.9788L12.9945 16.4742C12.9831 16.5726 13.0281 16.6674 13.1114 16.7208L15.243 18.0561Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M19.8418 15.8753C20.0041 15.9725 20.2032 15.8781 20.2306 15.6909L20.5454 13.1954C20.5569 13.0971 20.5119 13.0023 20.4285 12.9489L18.297 11.6136C18.1347 11.5163 17.9356 11.6107 17.9082 11.7979L17.5934 14.2934C17.5819 14.3917 17.6269 14.4865 17.7103 14.5399L19.8418 15.8753Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M15.8742 21.1017L13.7427 19.7664C13.5804 19.6691 13.3813 19.7636 13.3539 19.9508L13.0391 22.4462C13.0276 22.5446 13.0726 22.6394 13.156 22.6927L15.2875 24.0281C15.4497 24.1254 15.6489 24.0309 15.6762 23.8437L15.9911 21.3483C16.0026 21.2499 15.9576 21.1551 15.8742 21.1017Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M20.4731 18.9209L18.3416 17.5855C18.1793 17.4883 17.9802 17.5827 17.9528 17.7699L17.6379 20.2654C17.6265 20.3637 17.6715 20.4585 17.7549 20.5119L19.8864 21.8472C20.0486 21.9445 20.2478 21.8501 20.2751 21.6629L20.59 19.1674C20.6015 19.0691 20.5565 18.9743 20.4731 18.9209Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<path
d="M18.4241 23.7602C18.2618 23.6629 18.0627 23.7573 18.0353 23.9445L17.7204 26.44C17.709 26.5383 17.754 26.6332 17.8374 26.6865L19.9689 28.0219C20.1311 28.1191 20.3303 28.0247 20.3576 27.8375L20.6725 25.3421C20.684 25.2437 20.639 25.1489 20.5556 25.0955L18.4241 23.7602Z"
fill="#F3851E"
fillOpacity={0.6}
/>
<defs>
<filter
id="filter0_f_18_29304"
x={7.5271}
y={2.00696}
width={4.49463}
height={7.79553}
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_29304"
/>
</filter>
<filter
id="filter1_f_18_29304"
x={7.62109}
y={2.00696}
width={4.40063}
height={7.79541}
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_29304"
/>
</filter>
<filter
id="filter2_f_18_29304"
x={10.9211}
y={1.9696}
width={4.32935}
height={8.2804}
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_29304"
/>
</filter>
<filter
id="filter3_f_18_29304"
x={11.321}
y={1.9696}
width={3.50037}
height={8.2804}
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_29304"
/>
</filter>
<filter
id="filter4_f_18_29304"
x={4.01013}
y={6.36292}
width={7.88074}
height={4.23547}
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_29304"
/>
</filter>
<filter
id="filter5_f_18_29304"
x={5.14746}
y={6.50879}
width={6.74341}
height={3.77698}
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_29304"
/>
</filter>
<linearGradient
id="paint0_linear_18_29304"
x1={8.4306}
y1={2.58114}
x2={12.1327}
y2={7.03448}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DB41C" />
<stop offset={1} stopColor="#98C71B" />
</linearGradient>
<linearGradient
id="paint1_linear_18_29304"
x1={8.4402}
y1={2.64775}
x2={12.0948}
y2={6.73393}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#90CB27" />
<stop offset={1} stopColor="#ADDF28" />
</linearGradient>
<linearGradient
id="paint2_linear_18_29304"
x1={8.4402}
y1={2.64771}
x2={12.0948}
y2={6.7339}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CBF07F" />
<stop offset={1} stopColor="#CBF07F" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_29304"
x1={12.3656}
y1={3.61062}
x2={14.5275}
y2={7.15939}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DB41C" />
<stop offset={1} stopColor="#98C71B" />
</linearGradient>
<linearGradient
id="paint4_linear_18_29304"
x1={12.3656}
y1={3.61061}
x2={14.5275}
y2={7.15938}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#90CB27" />
<stop offset={1} stopColor="#ADDF28" />
</linearGradient>
<linearGradient
id="paint5_linear_18_29304"
x1={14.1684}
y1={2.73729}
x2={12.1185}
y2={9.13044}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C7F481" />
<stop offset={1} stopColor="#C7F481" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_29304"
x1={7.97669}
y1={6.715}
x2={7.21129}
y2={10.0985}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DB41C" />
<stop offset={1} stopColor="#98C71B" />
</linearGradient>
<linearGradient
id="paint7_linear_18_29304"
x1={5.39155}
y1={7.62485}
x2={10.9141}
y2={9.79747}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#90CB27" />
<stop offset={1} stopColor="#ADDF28" />
</linearGradient>
<radialGradient
id="paint8_radial_18_29304"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.7899 14.0202) rotate(113.288) scale(16.3759 14.3546)"
>
<stop stopColor="#FFE79E" />
<stop offset={0.671875} stopColor="#FFA46B" />
<stop offset={1} stopColor="#F0906D" />
</radialGradient>
<radialGradient
id="paint9_radial_18_29304"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.4283 15.7973) rotate(65.4022) scale(14.5459 12.7504)"
>
<stop offset={0.603344} stopColor="#FFAB6F" stopOpacity={0} />
<stop offset={0.820408} stopColor="#E97766" stopOpacity={0.2} />
<stop offset={1} stopColor="#D03E6B" stopOpacity={0.8} />
</radialGradient>
<radialGradient
id="paint10_radial_18_29304"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.80383 12.6143) rotate(37.0875) scale(20.9955 18.4039)"
>
<stop stopColor="#B68450" stopOpacity={0.6} />
<stop offset={0.505208} stopColor="#FCA968" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = PineappleIcon;