@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
861 lines (860 loc) • 23.8 kB
JSX
const React = require("react");
const GrapesIcon = ({ 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="M2.14294 10.0667L7.62036 8.05604C10.6454 6.94561 13.9979 8.49775 15.1084 11.5228V11.5228L9.63097 13.5335C6.60588 14.6439 3.25337 13.0917 2.14294 10.0667V10.0667Z"
fill="url(#paint0_linear_18_30687)"
/>
<path
d="M2.14294 10.0667L7.62036 8.05604C10.6454 6.94561 13.9979 8.49775 15.1084 11.5228V11.5228L9.63097 13.5335C6.60588 14.6439 3.25337 13.0917 2.14294 10.0667V10.0667Z"
fill="url(#paint1_linear_18_30687)"
/>
<path
d="M2.14294 10.0667L7.62036 8.05604C10.6454 6.94561 13.9979 8.49775 15.1084 11.5228V11.5228L9.63097 13.5335C6.60588 14.6439 3.25337 13.0917 2.14294 10.0667V10.0667Z"
fill="url(#paint2_linear_18_30687)"
/>
<g filter="url(#filter0_f_18_30687)">
<path
d="M7.7926 8.52546C10.4002 7.56828 13.2738 8.77486 14.445 11.2338L9.45862 13.0641C6.85104 14.0213 3.97739 12.8147 2.80627 10.3558L7.7926 8.52546Z"
fill="url(#paint3_linear_18_30687)"
/>
</g>
<g filter="url(#filter1_f_18_30687)">
<path
d="M14.1114 10.8598C12.8579 8.44181 9.94519 7.3329 7.3714 8.37753L7.05991 8.50396C9.56143 7.77655 12.2394 8.85694 13.5439 11.0901L14.1114 10.8598Z"
fill="url(#paint4_linear_18_30687)"
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M16.4953 2.18237C17.0058 2.3931 17.2488 2.97778 17.0381 3.48828C16.3651 5.11847 15.5502 9.52601 17.8723 13.5839C18.1466 14.0633 17.9804 14.6742 17.501 14.9485C17.0217 15.2228 16.4107 15.0566 16.1364 14.5773C13.4201 9.8305 14.3567 4.74226 15.1894 2.72514C15.4001 2.21464 15.9848 1.97163 16.4953 2.18237Z"
fill="url(#paint5_linear_18_30687)"
/>
<g filter="url(#filter2_f_18_30687)">
<path
d="M16.1337 3.10105C14.387 8.01623 16.1337 12.1868 16.1337 12.1868"
stroke="url(#paint6_linear_18_30687)"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<g filter="url(#filter3_f_18_30687)">
<path
d="M16.375 2.69214C14.6283 7.60732 16.5358 12.0796 16.5358 12.0796"
stroke="url(#paint7_linear_18_30687)"
strokeWidth={0.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M16.375 2.69214C14.6283 7.60732 16.5358 12.0796 16.5358 12.0796"
stroke="url(#paint8_linear_18_30687)"
strokeWidth={0.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<circle
cx={21.9567}
cy={25.8282}
r={4.09867}
fill="url(#paint9_radial_18_30687)"
/>
<circle
cx={21.9567}
cy={25.8282}
r={4.09867}
fill="url(#paint10_radial_18_30687)"
/>
<circle
cx={21.9567}
cy={25.8282}
r={4.09867}
fill="url(#paint11_radial_18_30687)"
/>
<mask
id="mask0_18_30687"
style={{
maskType: "alpha",
}}
maskUnits="userSpaceOnUse"
x={17}
y={21}
width={10}
height={9}
>
<circle cx={21.9567} cy={25.8282} r={4.09867} fill="black" />
</mask>
<g mask="url(#mask0_18_30687)">
<g filter="url(#filter4_f_18_30687)">
<circle
cx={16.9341}
cy={22.4914}
r={4.09867}
fill="black"
fillOpacity={0.8}
/>
</g>
<g filter="url(#filter5_f_18_30687)">
<circle
cx={23.0987}
cy={19.5032}
r={4.09867}
fill="black"
fillOpacity={0.6}
/>
</g>
</g>
<circle
cx={23.0987}
cy={19.5032}
r={4.09867}
fill="url(#paint12_radial_18_30687)"
/>
<circle
cx={23.0987}
cy={19.5032}
r={4.09867}
fill="url(#paint13_radial_18_30687)"
/>
<circle
cx={23.0987}
cy={19.5032}
r={4.09867}
fill="url(#paint14_radial_18_30687)"
/>
<mask
id="mask1_18_30687"
style={{
maskType: "alpha",
}}
maskUnits="userSpaceOnUse"
x={19}
y={15}
width={9}
height={9}
>
<circle cx={23.0987} cy={19.5032} r={4.09867} fill="black" />
</mask>
<g mask="url(#mask1_18_30687)">
<g filter="url(#filter6_f_18_30687)">
<circle
cx={17.3401}
cy={15.4046}
r={4.09867}
fill="black"
fillOpacity={0.8}
/>
</g>
<g filter="url(#filter7_f_18_30687)">
<circle
cx={23.0987}
cy={13.1878}
r={4.09867}
fill="black"
fillOpacity={0.8}
/>
</g>
</g>
<circle
cx={16.9341}
cy={22.4914}
r={4.09867}
fill="url(#paint15_radial_18_30687)"
/>
<circle
cx={16.9341}
cy={22.4914}
r={4.09867}
fill="url(#paint16_radial_18_30687)"
/>
<circle
cx={16.9341}
cy={22.4914}
r={4.09867}
fill="url(#paint17_radial_18_30687)"
/>
<mask
id="mask2_18_30687"
style={{
maskType: "alpha",
}}
maskUnits="userSpaceOnUse"
x={12}
y={18}
width={10}
height={9}
>
<circle cx={16.9341} cy={22.4914} r={4.09867} fill="black" />
</mask>
<g mask="url(#mask2_18_30687)">
<g filter="url(#filter8_f_18_30687)">
<circle
cx={11.7464}
cy={18.3733}
r={4.09867}
fill="black"
fillOpacity={0.6}
/>
</g>
<g filter="url(#filter9_f_18_30687)">
<circle
cx={17.3401}
cy={15.4046}
r={4.09867}
fill="black"
fillOpacity={0.8}
/>
</g>
</g>
<circle
cx={11.7464}
cy={18.3733}
r={4.09867}
fill="url(#paint18_radial_18_30687)"
/>
<circle
cx={11.7464}
cy={18.3733}
r={4.09867}
fill="url(#paint19_radial_18_30687)"
/>
<circle
cx={11.7464}
cy={18.3733}
r={4.09867}
fill="url(#paint20_radial_18_30687)"
/>
<mask
id="mask3_18_30687"
style={{
maskType: "alpha",
}}
maskUnits="userSpaceOnUse"
x={7}
y={14}
width={9}
height={9}
>
<circle cx={11.7464} cy={18.3733} r={4.09867} fill="black" />
</mask>
<g mask="url(#mask3_18_30687)">
<g filter="url(#filter10_f_18_30687)">
<circle cx={17.3401} cy={15.4046} r={4.09867} fill="black" />
</g>
</g>
<circle
cx={23.0987}
cy={13.1878}
r={4.09867}
fill="url(#paint21_radial_18_30687)"
/>
<circle
cx={23.0987}
cy={13.1878}
r={4.09867}
fill="url(#paint22_radial_18_30687)"
/>
<circle
cx={23.0987}
cy={13.1878}
r={4.09867}
fill="url(#paint23_radial_18_30687)"
/>
<mask
id="mask4_18_30687"
style={{
maskType: "alpha",
}}
maskUnits="userSpaceOnUse"
x={19}
y={9}
width={9}
height={9}
>
<circle cx={23.0987} cy={13.1878} r={4.09867} fill="black" />
</mask>
<g mask="url(#mask4_18_30687)">
<g filter="url(#filter11_f_18_30687)">
<circle
cx={17.3401}
cy={15.4046}
r={4.09867}
fill="black"
fillOpacity={0.6}
/>
</g>
</g>
<circle
cx={17.3401}
cy={15.4046}
r={4.09867}
fill="url(#paint24_radial_18_30687)"
/>
<circle
cx={17.3401}
cy={15.4046}
r={4.09867}
fill="url(#paint25_radial_18_30687)"
/>
<defs>
<filter
id="filter0_f_18_30687"
x={1.80627}
y={7.19727}
width={13.6387}
height={7.19507}
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_30687"
/>
</filter>
<filter
id="filter1_f_18_30687"
x={6.30994}
y={7.2345}
width={8.55139}
height={4.60559}
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_30687"
/>
</filter>
<filter
id="filter2_f_18_30687"
x={14.4574}
y={2.20095}
width={2.57649}
height={10.8859}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_18_30687"
/>
</filter>
<filter
id="filter3_f_18_30687"
x={14.8883}
y={1.94202}
width={2.39758}
height={10.8876}
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_30687"
/>
</filter>
<filter
id="filter4_f_18_30687"
x={8.83545}
y={14.3927}
width={16.1974}
height={16.1974}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_18_30687"
/>
</filter>
<filter
id="filter5_f_18_30687"
x={15}
y={11.4045}
width={16.1974}
height={16.1974}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_18_30687"
/>
</filter>
<filter
id="filter6_f_18_30687"
x={9.24146}
y={7.30591}
width={16.1974}
height={16.1974}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_18_30687"
/>
</filter>
<filter
id="filter7_f_18_30687"
x={16}
y={6.08911}
width={14.1974}
height={14.1974}
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_30687"
/>
</filter>
<filter
id="filter8_f_18_30687"
x={3.64771}
y={10.2747}
width={16.1974}
height={16.1974}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_18_30687"
/>
</filter>
<filter
id="filter9_f_18_30687"
x={11.2415}
y={9.30591}
width={12.1974}
height={12.1974}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_30687"
/>
</filter>
<filter
id="filter10_f_18_30687"
x={9.24146}
y={7.30591}
width={16.1974}
height={16.1974}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_18_30687"
/>
</filter>
<filter
id="filter11_f_18_30687"
x={9.24146}
y={7.30591}
width={16.1974}
height={16.1974}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={2}
result="effect1_foregroundBlur_18_30687"
/>
</filter>
<linearGradient
id="paint0_linear_18_30687"
x1={2.14294}
y1={9.99055}
x2={15.1084}
y2={11.6179}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#81B719" />
<stop offset={1} stopColor="#82CA24" />
</linearGradient>
<linearGradient
id="paint1_linear_18_30687"
x1={6.55342}
y1={10.7947}
x2={5.43955}
y2={13.5219}
gradientUnits="userSpaceOnUse"
>
<stop stopOpacity={0} />
<stop offset={1} stopOpacity={0.12} />
</linearGradient>
<linearGradient
id="paint2_linear_18_30687"
x1={12.0075}
y1={10.334}
x2={15.1084}
y2={11.3326}
gradientUnits="userSpaceOnUse"
>
<stop stopOpacity={0} />
<stop offset={1} stopOpacity={0.3} />
</linearGradient>
<linearGradient
id="paint3_linear_18_30687"
x1={2.14288}
y1={9.99055}
x2={15.1083}
y2={11.6179}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#89BB1B" />
<stop offset={0.354167} stopColor="#8FC21E" />
<stop offset={1} stopColor="#97C345" />
</linearGradient>
<linearGradient
id="paint4_linear_18_30687"
x1={7.05712}
y1={8.42149}
x2={14.1092}
y2={10.7956}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B9E572" stopOpacity={0.3} />
<stop offset={0.520833} stopColor="#B9E572" stopOpacity={0.8} />
<stop offset={1} stopColor="#B9E572" stopOpacity={0.3} />
</linearGradient>
<linearGradient
id="paint5_linear_18_30687"
x1={16.1683}
y1={2.10645}
x2={16.1683}
y2={11.6015}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7CB82B" />
<stop offset={1} stopColor="#91C627" />
</linearGradient>
<linearGradient
id="paint6_linear_18_30687"
x1={15.7456}
y1={3.10107}
x2={15.7456}
y2={12.1868}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#86BF1E" />
<stop offset={1} stopColor="#92D72D" />
</linearGradient>
<linearGradient
id="paint7_linear_18_30687"
x1={15.7456}
y1={3.10107}
x2={15.7456}
y2={12.1868}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#C8F584" stopOpacity={0.8} />
<stop offset={0.307292} stopColor="#C8F584" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint8_linear_18_30687"
x1={16.1116}
y1={2.95093}
x2={16.1116}
y2={12.0796}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.296875} stopColor="#B1E465" stopOpacity={0} />
<stop offset={1} stopColor="#B1E465" />
</linearGradient>
<radialGradient
id="paint9_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.8911 24.4853) rotate(142.712) scale(5.4775)"
>
<stop stopColor="#764FBE" />
<stop offset={0.473958} stopColor="#7542B7" />
<stop offset={1} stopColor="#57198E" />
</radialGradient>
<radialGradient
id="paint10_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.6212 24.4985) rotate(49.5049) scale(3.13336)"
>
<stop stopColor="#997ED0" stopOpacity={0.6} />
<stop offset={1} stopColor="#997ED0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.4254 25.5618) rotate(-2.42634) scale(6.25215)"
>
<stop stopOpacity={0.5} />
<stop offset={1} stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.033 18.1604) rotate(142.712) scale(5.4775)"
>
<stop stopColor="#764FBE" />
<stop offset={0.473958} stopColor="#7542B7" />
<stop offset={1} stopColor="#57198E" />
</radialGradient>
<radialGradient
id="paint13_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7632 18.1735) rotate(49.5049) scale(3.13336)"
>
<stop stopColor="#997ED0" stopOpacity={0.6} />
<stop offset={1} stopColor="#997ED0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint14_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5673 19.2369) rotate(-2.42634) scale(6.25215)"
>
<stop stopOpacity={0.5} />
<stop offset={1} stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint15_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.8685 21.1486) rotate(142.712) scale(5.4775)"
>
<stop stopColor="#764FBE" />
<stop offset={0.473958} stopColor="#7542B7" />
<stop offset={1} stopColor="#57198E" />
</radialGradient>
<radialGradient
id="paint16_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5986 21.1617) rotate(49.5049) scale(3.13336)"
>
<stop stopColor="#997ED0" stopOpacity={0.6} />
<stop offset={1} stopColor="#997ED0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.4028 22.225) rotate(-2.42634) scale(6.25215)"
>
<stop stopOpacity={0.5} />
<stop offset={1} stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint18_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6807 17.0305) rotate(142.712) scale(5.4775)"
>
<stop stopColor="#764FBE" />
<stop offset={0.473958} stopColor="#7542B7" />
<stop offset={1} stopColor="#57198E" />
</radialGradient>
<radialGradient
id="paint19_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.4109 17.0436) rotate(49.5049) scale(3.13336)"
>
<stop stopColor="#997ED0" stopOpacity={0.2} />
<stop offset={1} stopColor="#997ED0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint20_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6.21503 18.107) rotate(-2.42634) scale(6.25215)"
>
<stop stopOpacity={0.5} />
<stop offset={1} stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint21_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.033 11.845) rotate(142.712) scale(5.4775)"
>
<stop stopColor="#764FBE" />
<stop offset={0.473958} stopColor="#7542B7" />
<stop offset={1} stopColor="#57198E" />
</radialGradient>
<radialGradient
id="paint22_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.7632 11.8581) rotate(49.5049) scale(3.13336)"
>
<stop stopColor="#997ED0" stopOpacity={0.6} />
<stop offset={1} stopColor="#997ED0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint23_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5673 12.9214) rotate(-2.42634) scale(6.25215)"
>
<stop stopOpacity={0.5} />
<stop offset={1} stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint24_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.2745 14.0618) rotate(142.712) scale(5.4775)"
>
<stop stopColor="#764FBE" />
<stop offset={0.473958} stopColor="#7542B7" />
<stop offset={1} stopColor="#57198E" />
</radialGradient>
<radialGradient
id="paint25_radial_18_30687"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.0046 14.0749) rotate(49.5049) scale(3.13336)"
>
<stop stopColor="#997ED0" />
<stop offset={1} stopColor="#997ED0" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = GrapesIcon;