@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
561 lines (560 loc) • 20.7 kB
JSX
const React = require("react");
const KiwiFruitIcon = ({ 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="M26.3325 8.62004L23.3825 5.67004L5.67249 23.38L8.62249 26.33C13.5125 31.22 21.4425 31.22 26.3325 26.33C31.2225 21.44 31.2225 13.51 26.3325 8.62004Z"
fill="url(#paint0_linear_18_30155)"
/>
<path
d="M26.3325 8.62004L23.3825 5.67004L5.67249 23.38L8.62249 26.33C13.5125 31.22 21.4425 31.22 26.3325 26.33C31.2225 21.44 31.2225 13.51 26.3325 8.62004Z"
fill="url(#paint1_radial_18_30155)"
/>
<path
d="M14.5324 27.06C21.4526 27.06 27.0624 21.4501 27.0624 14.53C27.0624 7.60987 21.4526 2 14.5324 2C7.61231 2 2.00244 7.60987 2.00244 14.53C2.00244 21.4501 7.61231 27.06 14.5324 27.06Z"
fill="#ABD837"
/>
<path
d="M14.5324 27.06C21.4526 27.06 27.0624 21.4501 27.0624 14.53C27.0624 7.60987 21.4526 2 14.5324 2C7.61231 2 2.00244 7.60987 2.00244 14.53C2.00244 21.4501 7.61231 27.06 14.5324 27.06Z"
fill="url(#paint2_radial_18_30155)"
/>
<path
d="M14.5324 27.06C21.4526 27.06 27.0624 21.4501 27.0624 14.53C27.0624 7.60987 21.4526 2 14.5324 2C7.61231 2 2.00244 7.60987 2.00244 14.53C2.00244 21.4501 7.61231 27.06 14.5324 27.06Z"
fill="url(#paint3_radial_18_30155)"
/>
<path
d="M14.5324 27.06C21.4526 27.06 27.0624 21.4501 27.0624 14.53C27.0624 7.60987 21.4526 2 14.5324 2C7.61231 2 2.00244 7.60987 2.00244 14.53C2.00244 21.4501 7.61231 27.06 14.5324 27.06Z"
fill="url(#paint4_radial_18_30155)"
/>
<path
d="M14.5325 20.15C17.6363 20.15 20.1525 17.6339 20.1525 14.53C20.1525 11.4262 17.6363 8.91003 14.5325 8.91003C11.4286 8.91003 8.91248 11.4262 8.91248 14.53C8.91248 17.6339 11.4286 20.15 14.5325 20.15Z"
fill="#E5F892"
/>
<g filter="url(#filter0_f_18_30155)">
<path
d="M20.1525 9.74995C20.6937 9.74995 21.1325 9.31119 21.1325 8.76995C21.1325 8.22871 20.6937 7.78995 20.1525 7.78995C19.6112 7.78995 19.1725 8.22871 19.1725 8.76995C19.1725 9.31119 19.6112 9.74995 20.1525 9.74995Z"
fill="#7BAE29"
/>
</g>
<g filter="url(#filter1_f_18_30155)">
<path
d="M22.6099 14.72C23.1511 14.72 23.5899 14.2812 23.5899 13.74C23.5899 13.1988 23.1511 12.76 22.6099 12.76C22.0686 12.76 21.6299 13.1988 21.6299 13.74C21.6299 14.2812 22.0686 14.72 22.6099 14.72Z"
fill="#7BAE29"
/>
</g>
<g filter="url(#filter2_f_18_30155)">
<path
d="M21.4424 19.68C21.9836 19.68 22.4224 19.2412 22.4224 18.7C22.4224 18.1588 21.9836 17.72 21.4424 17.72C20.9012 17.72 20.4624 18.1588 20.4624 18.7C20.4624 19.2412 20.9012 19.68 21.4424 19.68Z"
fill="#7BAE29"
/>
</g>
<g filter="url(#filter3_f_18_30155)">
<path
d="M17.68 23.4C18.2212 23.4 18.66 22.9612 18.66 22.42C18.66 21.8788 18.2212 21.44 17.68 21.44C17.1387 21.44 16.7 21.8788 16.7 22.42C16.7 22.9612 17.1387 23.4 17.68 23.4Z"
fill="#7BAE29"
/>
</g>
<g filter="url(#filter4_f_18_30155)">
<path
d="M12.4925 23.9625C13.0337 23.9625 13.4725 23.5237 13.4725 22.9825C13.4725 22.4413 13.0337 22.0025 12.4925 22.0025C11.9512 22.0025 11.5125 22.4413 11.5125 22.9825C11.5125 23.5237 11.9512 23.9625 12.4925 23.9625Z"
fill="#7BAE29"
/>
</g>
<g filter="url(#filter5_f_18_30155)">
<path
d="M8.01235 21.65C8.55359 21.65 8.99235 21.2112 8.99235 20.67C8.99235 20.1288 8.55359 19.69 8.01235 19.69C7.47111 19.69 7.03235 20.1288 7.03235 20.67C7.03235 21.2112 7.47111 21.65 8.01235 21.65Z"
fill="#7BAE29"
/>
</g>
<g filter="url(#filter6_f_18_30155)">
<path
d="M5.4811 16.49C6.02234 16.49 6.4611 16.0513 6.4611 15.51C6.4611 14.9688 6.02234 14.53 5.4811 14.53C4.93986 14.53 4.5011 14.9688 4.5011 15.51C4.5011 16.0513 4.93986 16.49 5.4811 16.49Z"
fill="#7BAE29"
/>
</g>
<g filter="url(#filter7_f_18_30155)">
<path
d="M6.65248 11.4588C7.19372 11.4588 7.63249 11.02 7.63249 10.4788C7.63249 9.93754 7.19372 9.49878 6.65248 9.49878C6.11125 9.49878 5.67249 9.93754 5.67249 10.4788C5.67249 11.02 6.11125 11.4588 6.65248 11.4588Z"
fill="#7BAE29"
/>
</g>
<path
d="M20.4624 9.47001C21.0037 9.47001 21.4424 9.03125 21.4424 8.49001C21.4424 7.94877 21.0037 7.51001 20.4624 7.51001C19.9212 7.51001 19.4824 7.94877 19.4824 8.49001C19.4824 9.03125 19.9212 9.47001 20.4624 9.47001Z"
fill="url(#paint5_radial_18_30155)"
/>
<path
d="M8.49245 21.44C9.03369 21.44 9.47245 21.0012 9.47245 20.46C9.47245 19.9188 9.03369 19.48 8.49245 19.48C7.95121 19.48 7.51245 19.9188 7.51245 20.46C7.51245 21.0012 7.95121 21.44 8.49245 21.44Z"
fill="url(#paint6_radial_18_30155)"
/>
<path
d="M15.9425 7.12003C16.4838 7.12003 16.9225 6.68127 16.9225 6.14003C16.9225 5.59879 16.4838 5.16003 15.9425 5.16003C15.4013 5.16003 14.9625 5.59879 14.9625 6.14003C14.9625 6.68127 15.4013 7.12003 15.9425 7.12003Z"
fill="url(#paint7_linear_18_30155)"
/>
<g filter="url(#filter8_f_18_30155)">
<path
d="M15.5125 7.29127C16.0537 7.29127 16.4925 6.85251 16.4925 6.31127C16.4925 5.77003 16.0537 5.33127 15.5125 5.33127C14.9712 5.33127 14.5325 5.77003 14.5325 6.31127C14.5325 6.85251 14.9712 7.29127 15.5125 7.29127Z"
fill="#7BAE29"
/>
</g>
<path
d="M15.9425 7.12003C16.4838 7.12003 16.9225 6.68127 16.9225 6.14003C16.9225 5.59879 16.4838 5.16003 15.9425 5.16003C15.4013 5.16003 14.9625 5.59879 14.9625 6.14003C14.9625 6.68127 15.4013 7.12003 15.9425 7.12003Z"
fill="url(#paint8_radial_18_30155)"
/>
<path
d="M13.0025 23.79C13.5437 23.79 13.9825 23.3513 13.9825 22.81C13.9825 22.2688 13.5437 21.83 13.0025 21.83C12.4612 21.83 12.0225 22.2688 12.0225 22.81C12.0225 23.3513 12.4612 23.79 13.0025 23.79Z"
fill="url(#paint9_radial_18_30155)"
/>
<g filter="url(#filter9_f_18_30155)">
<path
d="M10.4524 8.0688C10.9937 8.0688 11.4324 7.63003 11.4324 7.0888C11.4324 6.54756 10.9937 6.1088 10.4524 6.1088C9.91117 6.1088 9.47241 6.54756 9.47241 7.0888C9.47241 7.63003 9.91117 8.0688 10.4524 8.0688Z"
fill="#7BAE29"
/>
</g>
<path
d="M10.9025 7.78996C11.4437 7.78996 11.8825 7.3512 11.8825 6.80996C11.8825 6.26872 11.4437 5.82996 10.9025 5.82996C10.3612 5.82996 9.92249 6.26872 9.92249 6.80996C9.92249 7.3512 10.3612 7.78996 10.9025 7.78996Z"
fill="url(#paint10_radial_18_30155)"
/>
<path
d="M18.0525 23.1199C18.5937 23.1199 19.0325 22.6812 19.0325 22.1399C19.0325 21.5987 18.5937 21.1599 18.0525 21.1599C17.5113 21.1599 17.0725 21.5987 17.0725 22.1399C17.0725 22.6812 17.5113 23.1199 18.0525 23.1199Z"
fill="url(#paint11_radial_18_30155)"
/>
<path
d="M7.15249 11.22C7.69372 11.22 8.13249 10.7812 8.13249 10.24C8.13249 9.69877 7.69372 9.26001 7.15249 9.26001C6.61125 9.26001 6.17249 9.69877 6.17249 10.24C6.17249 10.7812 6.61125 11.22 7.15249 11.22Z"
fill="url(#paint12_radial_18_30155)"
/>
<path
d="M21.8025 19.68C22.3437 19.68 22.7825 19.2412 22.7825 18.7C22.7825 18.1588 22.3437 17.72 21.8025 17.72C21.2613 17.72 20.8225 18.1588 20.8225 18.7C20.8225 19.2412 21.2613 19.68 21.8025 19.68Z"
fill="url(#paint13_radial_18_30155)"
/>
<path
d="M6.05239 16.19C6.59363 16.19 7.03239 15.7513 7.03239 15.21C7.03239 14.6688 6.59363 14.23 6.05239 14.23C5.51115 14.23 5.07239 14.6688 5.07239 15.21C5.07239 15.7513 5.51115 16.19 6.05239 16.19Z"
fill="url(#paint14_radial_18_30155)"
/>
<path
d="M22.9024 14.72C23.4436 14.72 23.8824 14.2812 23.8824 13.74C23.8824 13.1988 23.4436 12.76 22.9024 12.76C22.3611 12.76 21.9224 13.1988 21.9224 13.74C21.9224 14.2812 22.3611 14.72 22.9024 14.72Z"
fill="url(#paint15_radial_18_30155)"
/>
<defs>
<filter
id="filter0_f_18_30155"
x={18.1725}
y={6.78995}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter1_f_18_30155"
x={20.6299}
y={11.76}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter2_f_18_30155"
x={19.4624}
y={16.72}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter3_f_18_30155"
x={15.7}
y={20.44}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter4_f_18_30155"
x={10.5125}
y={21.0025}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter5_f_18_30155"
x={6.03235}
y={18.69}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter6_f_18_30155"
x={3.5011}
y={13.53}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter7_f_18_30155"
x={4.67249}
y={8.49878}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter8_f_18_30155"
x={13.5325}
y={4.33127}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<filter
id="filter9_f_18_30155"
x={8.47241}
y={5.1088}
width={3.95996}
height={3.95999}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18_30155"
/>
</filter>
<linearGradient
id="paint0_linear_18_30155"
x1={29.5625}
y1={13.75}
x2={14.875}
y2={31.5625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A76051" />
<stop offset={0.468937} stopColor="#9D5952" />
<stop offset={0.732613} stopColor="#8B5863" />
<stop offset={1} stopColor="#67405C" />
</linearGradient>
<radialGradient
id="paint1_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.5 14.8125) rotate(123.024) scale(7.45429 18.0104)"
>
<stop stopColor="#D29280" />
<stop offset={1} stopColor="#D2927F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.0625 14.875) rotate(98.4089) scale(14.5312)"
>
<stop stopColor="#AEDD38" stopOpacity={0} />
<stop offset={0.774465} stopColor="#A7D335" stopOpacity={0.315536} />
<stop offset={0.863338} stopColor="#98BD30" />
<stop offset={0.91272} stopColor="#7FA91C" />
</radialGradient>
<radialGradient
id="paint3_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.6875 14.53) rotate(66.8191) scale(14.9249)"
>
<stop stopColor="#AEDE37" stopOpacity={0} />
<stop offset={0.823474} stopColor="#D6F76C" stopOpacity={0} />
<stop offset={0.927392} stopColor="#E4FF7E" />
</radialGradient>
<radialGradient
id="paint4_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.5324 14.53) rotate(90) scale(15.595)"
>
<stop stopColor="#B4E637" />
<stop offset={1} stopColor="#B1E138" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.8568 8.40625) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint6_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.88684 20.3763) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<linearGradient
id="paint7_linear_18_30155"
x1={16.5965}
y1={5.39547}
x2={15.2063}
y2={6.78582}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.00558659} stopColor="#513468" />
<stop offset={1} stopColor="#1C1C1C" />
</linearGradient>
<radialGradient
id="paint8_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.3369 6.05627) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint9_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.3968 22.7263) rotate(158.394) scale(1.69738 1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint10_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.2969 6.7262) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint11_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.4469 22.0562) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint12_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.54687 10.1563) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint13_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.1969 18.6162) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint14_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.44678 15.1263) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
<radialGradient
id="paint15_radial_18_30155"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.2968 13.6563) rotate(158.394) scale(1.69738)"
>
<stop offset={0.00558659} stopColor="#7B6D83" />
<stop offset={0.368443} stopColor="#533E60" />
<stop offset={0.713838} stopColor="#584D5D" />
<stop offset={1} stopColor="#1C1C1C" />
</radialGradient>
</defs>
</svg>
);
module.exports = KiwiFruitIcon;