@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
395 lines (394 loc) • 14.6 kB
JSX
const React = require("react");
const SquintingFaceWithTongueIcon = ({ 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_35)">
<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_35)"
/>
<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_35)"
/>
<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_35)"
/>
<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_35)"
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_35)"
/>
<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_35)"
/>
<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_35)"
/>
<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_35)"
/>
<g filter="url(#filter0_f_31_35)">
<path
d="M9.44746 17.3275C8.95348 17.5745 8.35281 17.3743 8.10582 16.8803C7.85883 16.3863 8.05906 15.7856 8.55303 15.5387L10.7595 14.4354H14.0002C13.9994 14.8133 13.7856 15.1585 13.4475 15.3275L9.44746 17.3275Z"
fill="url(#paint8_radial_31_35)"
fillOpacity={0.6}
style={{
mixBlendMode: "multiply",
}}
/>
<path
d="M9.44746 11.5433C8.95348 11.2963 8.35281 11.4965 8.10582 11.9905C7.85883 12.4845 8.05906 13.0852 8.55303 13.3321L10.7595 14.4354H14.0002C13.9994 14.0575 13.7856 13.7123 13.4475 13.5433L9.44746 11.5433Z"
fill="url(#paint9_radial_31_35)"
fillOpacity={0.6}
style={{
mixBlendMode: "multiply",
}}
/>
</g>
<path
d="M9.44746 16.8899C8.95348 17.1369 8.35281 16.9367 8.10582 16.4427C7.85883 15.9487 8.05906 15.3481 8.55303 15.1011L10.7595 13.9978H14.0002C13.9994 14.3757 13.7856 14.7209 13.4475 14.8899L9.44746 16.8899Z"
fill="url(#paint10_linear_31_35)"
/>
<path
d="M9.44746 11.1058C8.95348 10.8588 8.35281 11.059 8.10582 11.553C7.85883 12.047 8.05906 12.6477 8.55303 12.8946L10.7595 13.9979H14.0002C13.9994 13.62 13.7856 13.2748 13.4475 13.1058L9.44746 11.1058Z"
fill="url(#paint11_linear_31_35)"
/>
<g filter="url(#filter1_f_31_35)">
<path
d="M21.959 17.3275C22.453 17.5745 23.0537 17.3743 23.3007 16.8803C23.5477 16.3863 23.3474 15.7856 22.8535 15.5387L20.647 14.4354H17.4062C17.4071 14.8133 17.6209 15.1585 17.959 15.3275L21.959 17.3275Z"
fill="url(#paint12_radial_31_35)"
/>
<path
d="M21.959 11.5433C22.453 11.2963 23.0537 11.4965 23.3007 11.9905C23.5477 12.4845 23.3474 13.0852 22.8535 13.3321L20.647 14.4354H17.4062C17.4071 14.0575 17.6209 13.7123 17.959 13.5433L21.959 11.5433Z"
fill="url(#paint13_radial_31_35)"
/>
</g>
<path
d="M22.5372 16.8899C23.0311 17.1369 23.6318 16.9367 23.8788 16.4427C24.1258 15.9487 23.9256 15.3481 23.4316 15.1011L21.2251 13.9978H17.9844C17.9852 14.3757 18.1991 14.7209 18.5372 14.8899L22.5372 16.8899Z"
fill="url(#paint14_linear_31_35)"
/>
<path
d="M22.5372 11.1058C23.0311 10.8588 23.6318 11.059 23.8788 11.553C24.1258 12.047 23.9256 12.6477 23.4316 12.8946L21.2251 13.9979H17.9844C17.9852 13.62 18.1991 13.2748 18.5372 13.1058L22.5372 11.1058Z"
fill="url(#paint15_linear_31_35)"
/>
<path
d="M15.9988 26C8.99878 26 8.99878 19 8.99878 19H22.9988C22.9988 19 22.9988 26 15.9988 26Z"
fill="url(#paint16_radial_31_35)"
/>
<path
d="M16.0155 29C20.2155 29 20.8855 24.8 21.0155 23.75C21.1155 22.9 20.6655 22.47 20.1755 22.18C19.6855 21.89 18.2155 21.62 16.0155 21.62C13.8155 21.62 12.3555 21.89 11.8555 22.18C11.3555 22.47 10.9055 22.9 11.0155 23.75C11.1455 24.8 11.8155 29 16.0155 29Z"
fill="url(#paint17_radial_31_35)"
/>
<g opacity={0.5} filter="url(#filter2_f_31_35)">
<path d="M18 26.5C19 26 20 25 20 23.5" stroke="white" />
</g>
<path
d="M22.8588 20.43C22.9488 19.97 22.9988 19.49 22.9988 19C18.3388 19 11.8388 19 8.99878 19C8.99878 19.49 9.04878 19.96 9.13878 20.43H22.8588Z"
fill="url(#paint18_linear_31_35)"
/>
</g>
<defs>
<filter
id="filter0_f_31_35"
x={7.5}
y={10.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_35"
/>
</filter>
<filter
id="filter1_f_31_35"
x={16.9062}
y={10.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_35"
/>
</filter>
<filter
id="filter2_f_31_35"
x={16.7764}
y={22.5}
width={4.72363}
height={5.44727}
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_31_35"
/>
</filter>
<radialGradient
id="paint0_radial_31_35"
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_35"
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_35"
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_35"
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_35"
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_35"
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_35"
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_35"
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_35"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.78128 11.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_35"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.78128 11.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_35"
x1={10.5784}
y1={17.7322}
x2={8.00003}
y2={12.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_35"
x1={8.85962}
y1={14.1385}
x2={11.2502}
y2={9.45102}
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_35"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.8281 18.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_35"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.8281 18.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_35"
x1={21.4063}
y1={17.7322}
x2={23.9846}
y2={12.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_35"
x1={23.125}
y1={14.1385}
x2={20.7344}
y2={9.45102}
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_35"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9988 27.5556) rotate(-90) scale(8.55556 17.1111)"
>
<stop stopColor="#F70A8D" />
<stop offset={1} stopColor="#89029C" />
</radialGradient>
<radialGradient
id="paint17_radial_31_35"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.5 30) rotate(-93.0128) scale(9.51315 16.5379)"
>
<stop stopColor="#FF1C4A" />
<stop offset={0.765733} stopColor="#FF2B8F" />
<stop offset={0.864496} stopColor="#BB0773" />
<stop offset={0.886239} stopColor="#9F0762" />
</radialGradient>
<linearGradient
id="paint18_linear_31_35"
x1={15.9988}
y1={19}
x2={15.9988}
y2={20.43}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ECCDFF" />
<stop offset={1} stopColor="white" />
</linearGradient>
<clipPath id="clip0_31_35">
<rect width={32} height={32} fill="white" />
</clipPath>
</defs>
</svg>
);
module.exports = SquintingFaceWithTongueIcon;