@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
485 lines (484 loc) • 17.2 kB
JSX
const React = require("react");
const PartyingFaceIcon = ({ 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}
<g filter="url(#filter0_i_6810_5230)">
<path
d="M16 29C24.6684 29 29 23.1797 29 16C29 8.8203 24.6684 3 16 3C7.33161 3 3 8.8203 3 16C3 23.1797 7.33161 29 16 29Z"
fill="url(#paint0_radial_6810_5230)"
/>
</g>
<path
d="M16 29C24.6684 29 29 23.1797 29 16C29 8.8203 24.6684 3 16 3C7.33161 3 3 8.8203 3 16C3 23.1797 7.33161 29 16 29Z"
fill="url(#paint1_radial_6810_5230)"
/>
<path d="M5 3H17L3 16V5C3 3.89543 3.89543 3 5 3Z" fill="#BB1D80" />
<path
d="M5 3H17L3 16V5C3 3.89543 3.89543 3 5 3Z"
fill="url(#paint2_linear_6810_5230)"
/>
<path d="M8.41421 3L3 8.41421V5.58579L5.58579 3H8.41421Z" fill="#5092FF" />
<path d="M13.4142 3L3 13.4142V10.5858L10.5858 3H13.4142Z" fill="#5092FF" />
<g filter="url(#filter1_f_6810_5230)">
<circle
cx={23.6884}
cy={9.95155}
r={1.10149}
transform="rotate(28.149 23.6884 9.95155)"
fill="#E37847"
fillOpacity={0.75}
/>
</g>
<path
d="M24.75 8.75C26.2885 8.75 27.75 7.5 27.75 5.75"
stroke="url(#paint3_radial_6810_5230)"
strokeWidth={1.5}
strokeLinecap="round"
/>
<path
d="M6.75 27.75C8.28849 27.75 9.75 26.5 9.75 24.75"
stroke="url(#paint4_radial_6810_5230)"
strokeWidth={1.5}
strokeLinecap="round"
/>
<circle cx={26} cy={28} r={1} fill="url(#paint5_radial_6810_5230)" />
<circle cx={9} cy={20} r={1} fill="url(#paint6_radial_6810_5230)" />
<circle cx={24} cy={3} r={1} fill="url(#paint7_radial_6810_5230)" />
<g filter="url(#filter2_f_6810_5230)">
<path
d="M19.5 19.9973H24.4288C25.8954 19.9973 27.0933 18.8257 27.126 17.3596L27.1433 16.5843C27.1675 15.4965 26.2924 14.6016 25.2043 14.6016V14.6016C24.3474 14.6016 23.6527 15.2962 23.6527 16.1531V17.0258C23.6527 17.527 24.059 17.9332 24.5601 17.9332V17.9332C25.0612 17.9332 25.4675 17.527 25.4675 17.0258V16.7418"
stroke="#BB582B"
strokeOpacity={0.5}
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<path
d="M18.6477 19.8309H26.502C28.1491 19.8309 29.4972 18.5203 29.5437 16.8738L29.5519 16.5849C29.5958 15.0296 28.3469 13.7449 26.791 13.7449H26.7287C25.5428 13.7449 24.5814 14.7063 24.5814 15.8923V16.2063C24.5814 16.9223 25.1619 17.5027 25.8779 17.5027V17.5027C26.5939 17.5027 27.1744 16.9223 27.1744 16.2063V16.159"
stroke="#00A6ED"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M18.6477 19.8309H26.502C28.1491 19.8309 29.4972 18.5203 29.5437 16.8738L29.5519 16.5849C29.5958 15.0296 28.3469 13.7449 26.791 13.7449H26.7287C25.5428 13.7449 24.5814 14.7063 24.5814 15.8923V16.2063C24.5814 16.9223 25.1619 17.5027 25.8779 17.5027V17.5027C26.5939 17.5027 27.1744 16.9223 27.1744 16.2063V16.159"
stroke="url(#paint8_radial_6810_5230)"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M18.6477 19.8309H26.502C28.1491 19.8309 29.4972 18.5203 29.5437 16.8738L29.5519 16.5849C29.5958 15.0296 28.3469 13.7449 26.791 13.7449H26.7287C25.5428 13.7449 24.5814 14.7063 24.5814 15.8923V16.2063C24.5814 16.9223 25.1619 17.5027 25.8779 17.5027V17.5027C26.5939 17.5027 27.1744 16.9223 27.1744 16.2063V16.159"
stroke="url(#paint9_radial_6810_5230)"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M18.6477 19.8309H26.502C28.1491 19.8309 29.4972 18.5203 29.5437 16.8738L29.5519 16.5849C29.5958 15.0296 28.3469 13.7449 26.791 13.7449H26.7287C25.5428 13.7449 24.5814 14.7063 24.5814 15.8923V16.2063C24.5814 16.9223 25.1619 17.5027 25.8779 17.5027V17.5027C26.5939 17.5027 27.1744 16.9223 27.1744 16.2063V16.159"
stroke="url(#paint10_radial_6810_5230)"
strokeWidth={1.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
<g filter="url(#filter3_f_6810_5230)">
<path
d="M18.3665 19.6902H26.2207C27.8678 19.6902 29.216 18.3797 29.2625 16.7332L29.2706 16.4443C29.3146 14.8889 28.0657 13.6043 26.5097 13.6043H26.4475C25.2615 13.6043 24.3001 14.5657 24.3001 15.7516V16.0656C24.3001 16.7817 24.8806 17.3621 25.5966 17.3621V17.3621C26.3127 17.3621 26.8931 16.7817 26.8931 16.0656V16.0184"
stroke="#A0D9FF"
strokeWidth={0.5}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<g filter="url(#filter4_f_6810_5230)">
<circle cx={27.3359} cy={16} r={0.382812} fill="#C7E8FF" />
</g>
<path
d="M18 16.2399C17.4477 16.2399 17 16.6876 17 17.2399C17 17.7922 17.4477 18.2399 18 18.2399C18.1636 18.2399 18.2955 18.3718 18.2955 18.5354C18.2955 18.699 18.1636 18.8309 18 18.8309C17.4477 18.8309 17 19.2786 17 19.8309C17 19.8309 17 19.8308 17 19.8309C17 20.3831 17.4477 20.8309 18 20.8309C18.1636 20.8309 18.2955 20.9627 18.2955 21.1264C18.2955 21.29 18.1636 21.4218 18 21.4218C17.4477 21.4218 17 21.8695 17 22.4218C17 22.9741 17.4477 23.4218 18 23.4218C19.2682 23.4218 20.2955 22.3946 20.2955 21.1264C20.2955 20.6456 20.1479 20.1995 19.8955 19.8309C20.1479 19.4622 20.2955 19.0161 20.2955 18.5354C20.2955 17.2672 19.2682 16.2399 18 16.2399Z"
fill="url(#paint11_radial_6810_5230)"
/>
<g filter="url(#filter5_f_6810_5230)">
<path
d="M18.8951 12.6769C18.8951 12.6769 19.4455 11.1838 20.8461 11.4505C22.6611 11.7961 22.797 13.75 22.797 13.75"
stroke="url(#paint12_radial_6810_5230)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<path
d="M18.6477 13.0592C18.8626 12.5123 19.4133 11.4186 20.9773 11.4186C22.4836 11.4186 23.0822 12.5123 23.3118 13.0592"
stroke="url(#paint13_radial_6810_5230)"
strokeWidth={1.8}
strokeLinecap="round"
/>
<g filter="url(#filter6_f_6810_5230)">
<path
d="M9.51233 12.6719C9.51233 12.6719 10.0627 11.1788 11.4632 11.4455C13.2783 11.7911 13.4142 13.745 13.4142 13.745"
stroke="url(#paint14_radial_6810_5230)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<path
d="M9.4707 13.0592C9.68559 12.5123 10.2363 11.4186 11.8003 11.4186C13.3066 11.4186 13.9052 12.5123 14.1348 13.0592"
stroke="url(#paint15_radial_6810_5230)"
strokeWidth={1.8}
strokeLinecap="round"
/>
<defs>
<filter
id="filter0_i_6810_5230"
x={3}
y={1}
width={28}
height={28}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feColorMatrix
in="SourceAlpha"
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
result="hardAlpha"
/>
<feOffset dx={2} dy={-2} />
<feGaussianBlur stdDeviation={2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_6810_5230"
/>
</filter>
<filter
id="filter1_f_6810_5230"
x={20.5867}
y={6.84985}
width={6.20337}
height={6.20343}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_6810_5230"
/>
</filter>
<filter
id="filter2_f_6810_5230"
x={17.75}
y={12.8516}
width={11.1438}
height={8.89575}
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_6810_5230"
/>
</filter>
<filter
id="filter3_f_6810_5230"
x={17.1165}
y={12.3543}
width={13.4053}
height={8.58594}
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_6810_5230"
/>
</filter>
<filter
id="filter4_f_6810_5230"
x={25.9531}
y={14.6172}
width={2.76562}
height={2.76562}
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_6810_5230"
/>
</filter>
<filter
id="filter5_f_6810_5230"
x={17.6449}
y={10.1681}
width={6.4021}
height={4.83191}
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_6810_5230"
/>
</filter>
<filter
id="filter6_f_6810_5230"
x={8.26208}
y={10.1631}
width={6.4021}
height={4.83191}
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_6810_5230"
/>
</filter>
<radialGradient
id="paint0_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.8232 9.50052) rotate(132.839) scale(34.8273)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint1_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.001 12.7508) rotate(90) scale(16.6092)"
>
<stop offset={0.823911} stopColor="#F59639" stopOpacity={0} />
<stop offset={1} stopColor="#FF63C4" />
</radialGradient>
<linearGradient
id="paint2_linear_6810_5230"
x1={3}
y1={18.9453}
x2={16}
y2={4.13281}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5092FF" />
<stop offset={0.859375} stopColor="#5092FF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint3_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.8906 8.91406) rotate(-129.912) scale(3.23894 13.7191)"
>
<stop offset={0.359375} stopColor="#FF42B1" />
<stop offset={0.854167} stopColor="#F70A8D" />
<stop offset={1} stopColor="#CE336E" />
</radialGradient>
<radialGradient
id="paint4_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.89062 27.9141) rotate(-129.912) scale(3.23894 13.7191)"
>
<stop offset={0.359375} stopColor="#FF42B1" />
<stop offset={0.854167} stopColor="#F70A8D" />
<stop offset={1} stopColor="#CE336E" />
</radialGradient>
<radialGradient
id="paint5_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.5 27.5) rotate(135) scale(1.41421)"
>
<stop stopColor="#45C9FF" />
<stop offset={1} stopColor="#3E80FF" />
</radialGradient>
<radialGradient
id="paint6_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.5 19.5) rotate(135) scale(1.41421)"
>
<stop stopColor="#45C9FF" />
<stop offset={1} stopColor="#3E80FF" />
</radialGradient>
<radialGradient
id="paint7_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.5 2.5) rotate(135) scale(1.41421)"
>
<stop stopColor="#45C9FF" />
<stop offset={1} stopColor="#3E80FF" />
</radialGradient>
<radialGradient
id="paint8_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.4375 15.3203) rotate(9.65183) scale(4.65971 7.89053)"
>
<stop offset={0.328125} stopColor="#1B6AD1" />
<stop offset={1} stopColor="#2A80F0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.1875 16.0547) rotate(27.8973) scale(1.20221 1.73102)"
>
<stop stopColor="#1B6AD1" />
<stop offset={1} stopColor="#2A80F0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7812 22.0078) rotate(-92.9038) scale(4.31804 17.7684)"
>
<stop stopColor="#1B6AD1" />
<stop offset={0.601914} stopColor="#2A80F0" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17 19.8309) scale(5.92629 6.45766)"
>
<stop stopColor="#3E3537" />
<stop offset={0.399715} stopColor="#442932" />
<stop offset={0.675586} stopColor="#6A5662" />
</radialGradient>
<radialGradient
id="paint12_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.0723 12.0943) rotate(122.392) scale(3.48572 6.03136)"
>
<stop stopColor="#CA7A1B" />
<stop offset={0.633527} stopColor="#CA7A1B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.9797 13.213) rotate(-91.5327) scale(6.5392 9.16661)"
>
<stop offset={0.166667} stopColor="#482641" />
<stop offset={0.276042} stopColor="#503A4A" />
<stop offset={0.401042} stopColor="#483637" />
</radialGradient>
<radialGradient
id="paint14_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6895 12.0893) rotate(122.392) scale(3.48572 6.03136)"
>
<stop stopColor="#CA7A1B" />
<stop offset={0.633527} stopColor="#CA7A1B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint15_radial_6810_5230"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.8027 13.213) rotate(-91.5327) scale(6.5392 9.16661)"
>
<stop offset={0.166667} stopColor="#482641" />
<stop offset={0.276042} stopColor="#503A4A" />
<stop offset={0.401042} stopColor="#483637" />
</radialGradient>
</defs>
</svg>
);
module.exports = PartyingFaceIcon;