@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
283 lines (282 loc) • 9.44 kB
JSX
const React = require("react");
const AnxiousFaceWithSweatIcon = ({ 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="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_1636)"
/>
<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_1636)"
/>
<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_1636)"
fillOpacity={0.6}
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M6.92722 11.4485C5.20028 12.2362 4 13.9779 4 15.9999C4 18.7614 6.23858 20.9999 9 20.9999C11.7614 20.9999 14 18.7614 14 15.9999C14 14.1529 12.9984 12.5397 11.5088 11.6739C10.9375 11.8689 10.2679 11.9999 9.5 11.9999C8.46327 11.9999 7.60568 11.7611 6.92722 11.4485Z"
fill="url(#paint3_radial_31_1636)"
/>
<circle cx={19.5} cy={16.5} r={4.5} fill="url(#paint4_radial_31_1636)" />
<path
fillRule="evenodd"
clipRule="evenodd"
d="M13.1107 10.8344C12.3699 11.383 11.1664 12 9.5 12C8.55784 12 7.76363 11.8028 7.11736 11.5322C6.42175 12.3244 6 13.3629 6 14.5C6 16.9853 8.01472 19 10.5 19C12.9853 19 15 16.9853 15 14.5C15 12.9881 14.2543 11.6503 13.1107 10.8344ZM24.8826 11.5322C24.2364 11.8028 23.4422 12 22.5 12C20.8336 12 19.6301 11.383 18.8893 10.8344C17.7457 11.6503 17 12.9881 17 14.5C17 16.9853 19.0147 19 21.5 19C23.9853 19 26 16.9853 26 14.5C26 13.3629 25.5782 12.3244 24.8826 11.5322Z"
fill="white"
/>
<path
d="M12 17C13.1046 17 14 16.1046 14 15C14 13.8954 13.1046 13 12 13C10.8954 13 10 13.8954 10 15C10 16.1046 10.8954 17 12 17Z"
fill="url(#paint5_linear_31_1636)"
/>
<path
d="M20 17C21.1046 17 22 16.1046 22 15C22 13.8954 21.1046 13 20 13C18.8954 13 18 13.8954 18 15C18 16.1046 18.8954 17 20 17Z"
fill="url(#paint6_linear_31_1636)"
/>
<g filter="url(#filter0_f_31_1636)">
<path
d="M10.25 6C10.25 6 9.75 9 6.25 9"
stroke="#4475BF"
strokeWidth={1.25}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<g filter="url(#filter1_f_31_1636)">
<path
d="M21 5.75C21 5.75 21.5 8.75 25 8.75"
stroke="#166CDE"
strokeWidth={1.25}
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<path
d="M10.5 5.5C10.5 5.5 10 8.5 6.5 8.5"
stroke="url(#paint7_linear_31_1636)"
strokeWidth={1.25}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M10.5 5.5C10.5 5.5 10 8.5 6.5 8.5"
stroke="url(#paint8_radial_31_1636)"
strokeWidth={1.25}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M21.5 5.5C21.5 5.5 22 8.5 25.5 8.5"
stroke="url(#paint9_radial_31_1636)"
strokeWidth={1.25}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M20.9013 25.0064C21.0104 25.5478 20.5516 26 19.9993 26C16.9301 26 14.7168 26 12.0002 26C11.448 26 10.9896 25.5478 11.0987 25.0064C11.5595 22.721 13.5788 21 16 21C18.4212 21 20.4405 22.721 20.9013 25.0064Z"
fill="url(#paint10_radial_31_1636)"
/>
<rect
x={1}
y={16}
width={5}
height={9}
rx={2.5}
fill="url(#paint11_radial_31_1636)"
/>
<defs>
<filter
id="filter0_f_31_1636"
x={4.625}
y={4.37488}
width={7.25012}
height={6.25012}
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_1636"
/>
</filter>
<filter
id="filter1_f_31_1636"
x={19.3749}
y={4.12488}
width={7.25012}
height={6.25012}
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_1636"
/>
</filter>
<radialGradient
id="paint0_radial_31_1636"
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_1636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 49) rotate(-90) scale(51 64.9968)"
>
<stop offset={0.670495} stopColor="#BFB2DD" stopOpacity={0} />
<stop offset={0.747649} stopColor="#A4AEEB" />
<stop offset={0.811631} stopColor="#379EFF" />
<stop offset={0.964059} stopColor="#1345B7" />
</radialGradient>
<radialGradient
id="paint2_radial_31_1636"
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="paint3_radial_31_1636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.8889 12.1111) rotate(135) scale(9.74236 5.04232)"
>
<stop offset={0.330628} stopColor="#392108" />
<stop offset={1} stopColor="#C87928" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint4_radial_31_1636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23 13) rotate(135) scale(8.13173 4.59049)"
>
<stop offset={0.402076} stopColor="#392108" />
<stop offset={1} stopColor="#C87928" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_31_1636"
x1={20.7692}
y1={13}
x2={20}
y2={17}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#553B3E" />
<stop offset={1} stopColor="#3D2432" />
</linearGradient>
<linearGradient
id="paint6_linear_31_1636"
x1={20.7692}
y1={13}
x2={20}
y2={17}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#553B3E" />
<stop offset={1} stopColor="#3D2432" />
</linearGradient>
<linearGradient
id="paint7_linear_31_1636"
x1={9.5}
y1={5}
x2={9.5}
y2={6.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.0299084} stopColor="#524049" />
<stop offset={1} stopColor="#4A2C42" />
</linearGradient>
<radialGradient
id="paint8_radial_31_1636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7 5) rotate(54.4623) scale(4.30116)"
>
<stop offset={0.541667} stopColor="#493032" />
<stop offset={0.806723} stopColor="#5E445A" />
<stop offset={0.955326} stopColor="#4A2C42" />
</radialGradient>
<radialGradient
id="paint9_radial_31_1636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25 5) rotate(125.538) scale(4.30116)"
>
<stop stopColor="#C2B4B5" />
<stop offset={0.887405} stopColor="#462B45" />
<stop offset={1} stopColor="#4A2C42" />
</radialGradient>
<radialGradient
id="paint10_radial_31_1636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16 27.1111) rotate(-90) scale(7.61111 15.2222)"
>
<stop stopColor="#F70A8D" />
<stop offset={1} stopColor="#89029C" />
</radialGradient>
<radialGradient
id="paint11_radial_31_1636"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.16667 16.4091) rotate(104.88) scale(9.73555 3.6969)"
>
<stop stopColor="#5C98FF" />
<stop offset={0.805982} stopColor="#3D5BF1" />
<stop offset={0.962238} stopColor="#6065CA" />
</radialGradient>
</defs>
</svg>
);
module.exports = AnxiousFaceWithSweatIcon;