@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
495 lines (494 loc) • 17.7 kB
JSX
const React = require("react");
const FaceVomitingIcon = ({ 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 clipPath="url(#clip0_31_116)">
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint0_radial_31_116)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint1_radial_31_116)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint2_radial_31_116)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint3_radial_31_116)"
fillOpacity={0.6}
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint4_radial_31_116)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint5_radial_31_116)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint6_radial_31_116)"
/>
<path
d="M15.9989 29.9978C25.3333 29.9978 29.9978 23.7303 29.9978 15.9989C29.9978 8.26751 25.3333 2 15.9989 2C6.66443 2 2 8.26751 2 15.9989C2 23.7303 6.66443 29.9978 15.9989 29.9978Z"
fill="url(#paint7_radial_31_116)"
/>
<g filter="url(#filter0_f_31_116)">
<path
d="M9.44746 18.3275C8.95348 18.5745 8.35281 18.3743 8.10582 17.8803C7.85883 17.3863 8.05906 16.7856 8.55303 16.5387L10.7595 15.4354H14.0002C13.9994 15.8133 13.7856 16.1585 13.4475 16.3275L9.44746 18.3275Z"
fill="url(#paint8_radial_31_116)"
fillOpacity={0.6}
style={{
mixBlendMode: "multiply",
}}
/>
<path
d="M9.44746 12.5433C8.95348 12.2963 8.35281 12.4965 8.10582 12.9905C7.85883 13.4845 8.05906 14.0852 8.55303 14.3321L10.7595 15.4354H14.0002C13.9994 15.0575 13.7856 14.7123 13.4475 14.5433L9.44746 12.5433Z"
fill="url(#paint9_radial_31_116)"
fillOpacity={0.6}
style={{
mixBlendMode: "multiply",
}}
/>
</g>
<path
d="M9.44746 17.8899C8.95348 18.1369 8.35281 17.9367 8.10582 17.4427C7.85883 16.9487 8.05906 16.3481 8.55303 16.1011L10.7595 14.9978H14.0002C13.9994 15.3757 13.7856 15.7209 13.4475 15.8899L9.44746 17.8899Z"
fill="url(#paint10_linear_31_116)"
/>
<path
d="M9.44746 12.1058C8.95348 11.8588 8.35281 12.059 8.10582 12.553C7.85883 13.047 8.05906 13.6477 8.55303 13.8946L10.7595 14.9979H14.0002C13.9994 14.62 13.7856 14.2748 13.4475 14.1058L9.44746 12.1058Z"
fill="url(#paint11_linear_31_116)"
/>
<g filter="url(#filter1_f_31_116)">
<path
d="M21.959 18.3275C22.453 18.5745 23.0537 18.3743 23.3007 17.8803C23.5477 17.3863 23.3474 16.7856 22.8535 16.5387L20.647 15.4354H17.4062C17.4071 15.8133 17.6209 16.1585 17.959 16.3275L21.959 18.3275Z"
fill="url(#paint12_radial_31_116)"
/>
<path
d="M21.959 12.5433C22.453 12.2963 23.0537 12.4965 23.3007 12.9905C23.5477 13.4845 23.3474 14.0852 22.8535 14.3321L20.647 15.4354H17.4062C17.4071 15.0575 17.6209 14.7123 17.959 14.5433L21.959 12.5433Z"
fill="url(#paint13_radial_31_116)"
/>
</g>
<path
d="M22.5372 17.8899C23.0311 18.1369 23.6318 17.9367 23.8788 17.4427C24.1258 16.9487 23.9256 16.3481 23.4316 16.1011L21.2251 14.9978H17.9844C17.9852 15.3757 18.1991 15.7209 18.5372 15.8899L22.5372 17.8899Z"
fill="url(#paint14_linear_31_116)"
/>
<path
d="M22.5372 12.1058C23.0311 11.8588 23.6318 12.059 23.8788 12.553C24.1258 13.047 23.9256 13.6477 23.4316 13.8946L21.2251 14.9979H17.9844C17.9852 14.62 18.1991 14.2748 18.5372 14.1058L22.5372 12.1058Z"
fill="url(#paint15_linear_31_116)"
/>
<rect
x={8}
y={20}
width={16}
height={8}
rx={3}
fill="url(#paint16_radial_31_116)"
/>
<g filter="url(#filter2_i_31_116)">
<path
d="M27.0199 28.03C23.7899 28.03 21.1599 25.81 21.0099 23.16L21 20H11L11.0099 22.92C11.0099 25.68 8.30994 28.03 4.97994 28.03C3.86994 28.03 3 28.89 3 30H29C29 29 28.1199 28.03 27.0199 28.03Z"
fill="url(#paint17_linear_31_116)"
/>
</g>
<path
d="M5.5 27C6.32843 27 7 26.3284 7 25.5C7 24.6716 6.32843 24 5.5 24C4.67157 24 4 24.6716 4 25.5C4 26.3284 4.67157 27 5.5 27Z"
fill="url(#paint18_radial_31_116)"
/>
<path
d="M28.75 26.5C29.1642 26.5 29.5 26.1642 29.5 25.75C29.5 25.3358 29.1642 25 28.75 25C28.3358 25 28 25.3358 28 25.75C28 26.1642 28.3358 26.5 28.75 26.5Z"
fill="url(#paint19_radial_31_116)"
/>
<path
d="M26.5 24C27.3284 24 28 23.3284 28 22.5C28 21.6716 27.3284 21 26.5 21C25.6716 21 25 21.6716 25 22.5C25 23.3284 25.6716 24 26.5 24Z"
fill="url(#paint20_radial_31_116)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M26.3726 28C26.5853 28.0198 26.8012 28.03 27.0199 28.03C28.1199 28.03 29 29 29 30H16V28H26.3726Z"
fill="url(#paint21_radial_31_116)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M21.537 25C21.2315 24.4298 21.0466 23.8077 21.01 23.16L21 20H11L11.01 22.92C11.01 23.6546 10.8187 24.3601 10.4752 25H21.537Z"
fill="url(#paint22_radial_31_116)"
/>
<ellipse
cx={19}
cy={23.5}
rx={2}
ry={2.5}
fill="url(#paint23_radial_31_116)"
/>
</g>
<defs>
<filter
id="filter0_f_31_116"
x={7.5}
y={11.9375}
width={7.00024}
height={6.99579}
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_31_116"
/>
</filter>
<filter
id="filter1_f_31_116"
x={16.9062}
y={11.9375}
width={7.00024}
height={6.99579}
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_31_116"
/>
</filter>
<filter
id="filter2_i_31_116"
x={3}
y={20}
width={27}
height={11}
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={1} dy={1} />
<feGaussianBlur stdDeviation={1} />
<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.16 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_31_116"
/>
</filter>
<radialGradient
id="paint0_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.5 9) rotate(132.839) scale(37.5033)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint1_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.5 9) rotate(131.878) scale(38.9487)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint2_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 12.5) rotate(101.31) scale(17.8466 22.8581)"
>
<stop offset={0.787821} stopColor="#F59639" stopOpacity={0} />
<stop offset={0.972509} stopColor="#FF7DCE" />
</radialGradient>
<radialGradient
id="paint3_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18 14) rotate(135) scale(41.0122)"
>
<stop offset={0.314853} stopOpacity={0} />
<stop offset={1} />
</radialGradient>
<radialGradient
id="paint4_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 17) rotate(77.692) scale(28.1469)"
>
<stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} />
<stop offset={1} stopColor="#715B32" />
</radialGradient>
<radialGradient
id="paint5_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5 16.5) rotate(55.7131) scale(13.3135 9.65032)"
>
<stop stopColor="#FFB849" />
<stop offset={1} stopColor="#FFB847" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.5 18) rotate(9.86581) scale(11.6726)"
>
<stop stopColor="#FFA64B" />
<stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.5 15) rotate(43.9708) scale(59.0529)"
>
<stop offset={0.185425} stopOpacity={0} />
<stop offset={1} stopOpacity={0.4} />
</radialGradient>
<radialGradient
id="paint8_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.78128 12.4375) rotate(110.225) scale(7.59317 9.92428)"
>
<stop stopColor="#9F5E0F" />
<stop offset={0.889024} stopColor="#9F5E0F" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.78128 12.4375) rotate(110.225) scale(7.59317 9.92428)"
>
<stop stopColor="#9F5E0F" />
<stop offset={0.889024} stopColor="#9F5E0F" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_31_116"
x1={10.5784}
y1={18.7322}
x2={8.00003}
y2={13.3885}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24955} stopColor="#482641" />
<stop offset={0.406361} stopColor="#503A4A" />
<stop offset={0.511203} stopColor="#482641" />
</linearGradient>
<linearGradient
id="paint11_linear_31_116"
x1={8.85962}
y1={15.1385}
x2={11.2502}
y2={10.451}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24955} stopColor="#482641" />
<stop offset={0.406361} stopColor="#503A4A" />
<stop offset={0.511203} stopColor="#482641" />
</linearGradient>
<radialGradient
id="paint12_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.8281 19.4375) rotate(-135.995) scale(13.3597 17.4611)"
>
<stop stopColor="#E9830A" />
<stop offset={0.801655} stopColor="#F08B13" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.8281 19.4375) rotate(-135.995) scale(13.3597 17.4611)"
>
<stop stopColor="#E9830A" />
<stop offset={0.801655} stopColor="#F08B13" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_31_116"
x1={21.4063}
y1={18.7322}
x2={23.9846}
y2={13.3885}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24955} stopColor="#482641" />
<stop offset={0.406361} stopColor="#503A4A" />
<stop offset={0.511203} stopColor="#482641" />
</linearGradient>
<linearGradient
id="paint15_linear_31_116"
x1={23.125}
y1={15.1385}
x2={20.7344}
y2={10.451}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.24955} stopColor="#482641" />
<stop offset={0.406361} stopColor="#503A4A" />
<stop offset={0.511203} stopColor="#482641" />
</linearGradient>
<radialGradient
id="paint16_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 29.7778) rotate(-90) scale(9.77778 19.5556)"
>
<stop stopColor="#F70A8D" />
<stop offset={1} stopColor="#89029C" />
</radialGradient>
<linearGradient
id="paint17_linear_31_116"
x1={15.9989}
y1={19.5}
x2={15.9989}
y2={30}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.617982} stopColor="#3DD585" />
<stop offset={0.755952} stopColor="#4DC172" />
<stop offset={0.809524} stopColor="#42D681" />
<stop offset={0.917257} stopColor="#42D681" />
<stop offset={0.977864} stopColor="#54CCB0" />
</linearGradient>
<radialGradient
id="paint18_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(6 25) rotate(135) scale(2.12132)"
>
<stop stopColor="#6EF3AE" />
<stop offset={1} stopColor="#4F9C92" />
</radialGradient>
<radialGradient
id="paint19_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29 25.5) rotate(135) scale(1.06066)"
>
<stop stopColor="#6EF3AE" />
<stop offset={1} stopColor="#4F9C92" />
</radialGradient>
<radialGradient
id="paint20_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27 22) rotate(135) scale(2.12132)"
>
<stop stopColor="#6EF3AE" />
<stop offset={1} stopColor="#4F9C92" />
</radialGradient>
<radialGradient
id="paint21_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23 29.5) rotate(90) scale(0.5 7.29658)"
>
<stop stopColor="#71ECB1" />
<stop offset={1} stopColor="#72ECB2" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint22_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 28) rotate(-90) scale(11)"
>
<stop offset={0.576806} stopColor="#305E5E" stopOpacity={0} />
<stop offset={1} stopColor="#2C6664" />
</radialGradient>
<radialGradient
id="paint23_radial_31_116"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.1538 23.5) rotate(90) scale(2.5 2)"
>
<stop stopColor="#6DE6A5" />
<stop offset={1} stopColor="#62DB9A" stopOpacity={0} />
</radialGradient>
<clipPath id="clip0_31_116">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = FaceVomitingIcon;