@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
422 lines (421 loc) • 15.7 kB
JSX
const React = require("react");
const FaceWithHeadBandageIcon = ({ 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_6807_5229)"
/>
<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_6807_5229)"
/>
<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_6807_5229)"
/>
<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_6807_5229)"
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_6807_5229)"
/>
<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_6807_5229)"
/>
<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_6807_5229)"
/>
<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_6807_5229)"
/>
<path
d="M13 24C15.5 23 17.86 23.97 19 26"
stroke="url(#paint8_radial_6807_5229)"
strokeWidth={2}
strokeMiterlimit={10}
strokeLinecap="round"
/>
<circle
cx={21.3125}
cy={18.5515}
r={4.1875}
fill="url(#paint9_radial_6807_5229)"
/>
<circle
cx={9.375}
cy={18.0515}
r={4.6875}
fill="url(#paint10_radial_6807_5229)"
/>
<path
d="M29.9978 15.9989C29.9978 23.7302 25.3333 29.9977 15.9989 29.9977C6.66443 29.9977 2 23.7302 2 15.9989C2 15.3215 2.03581 14.6553 2.10742 14.0036C14.586 14.4088 24.6597 7.68363 26.6446 6.26147C28.8803 8.78101 29.9978 12.2146 29.9978 15.9989Z"
fill="url(#paint11_radial_6807_5229)"
style={{
mixBlendMode: "multiply",
}}
/>
<circle
cx={9.01705}
cy={18.4205}
r={4.6733}
fill="url(#paint12_radial_6807_5229)"
/>
<circle
cx={19.2443}
cy={18.9432}
r={4.24431}
fill="url(#paint13_radial_6807_5229)"
/>
<path
d="M10.4191 21.2244C12.742 21.2244 14.6251 19.3414 14.6251 17.0185C14.6251 14.6956 12.742 12.8125 10.4191 12.8125C8.09621 12.8125 6.21313 14.6956 6.21313 17.0185C6.21313 19.3414 8.09621 21.2244 10.4191 21.2244Z"
fill="white"
/>
<path
d="M21.5683 21.3011C23.9123 21.3011 25.8126 19.4009 25.8126 17.0568C25.8126 14.7127 23.9123 12.8125 21.5683 12.8125C19.2242 12.8125 17.324 14.7127 17.324 17.0568C17.324 19.4009 19.2242 21.3011 21.5683 21.3011Z"
fill="white"
/>
<path
d="M11 20C12.6569 20 14 18.6569 14 17C14 15.3431 12.6569 14 11 14C9.34315 14 8 15.3431 8 17C8 18.6569 9.34315 20 11 20Z"
fill="url(#paint14_linear_6807_5229)"
/>
<path
d="M21 20C22.6569 20 24 18.6569 24 17C24 15.3431 22.6569 14 21 14C19.3431 14 18 15.3431 18 17C18 18.6569 19.3431 20 21 20Z"
fill="url(#paint15_linear_6807_5229)"
/>
<path
d="M21.5 10.5C21.5 10.5 22 13.5 25.5 13.5"
stroke="url(#paint16_radial_6807_5229)"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M2.10742 14.0037C14.586 14.4088 24.6597 7.68366 26.6446 6.2615C24.3127 3.63356 20.7644 2 15.9989 2C7.48228 2 2.8532 7.21736 2.10742 14.0037Z"
fill="url(#paint17_radial_6807_5229)"
/>
<path
d="M2.10742 14.0037C14.586 14.4088 24.6597 7.68366 26.6446 6.2615C24.3127 3.63356 20.7644 2 15.9989 2C7.48228 2 2.8532 7.21736 2.10742 14.0037Z"
fill="url(#paint18_radial_6807_5229)"
/>
<path
d="M26.6446 6.26151C24.6597 7.68367 14.586 14.4088 2.10742 14.0037C2.28289 12.407 2.67331 10.8972 3.27876 9.52176C9.39264 9.90251 17.2742 7.57743 22.1347 3.10437C23.9536 3.84249 25.4569 4.92302 26.6446 6.26151Z"
fill="url(#paint19_radial_6807_5229)"
fillOpacity={0.5}
style={{
mixBlendMode: "multiply",
}}
/>
<path
d="M22.1347 3.10435C20.3825 2.39329 18.3372 2 15.9989 2C9.48609 2 5.24668 5.05112 3.27881 9.52175C9.39269 9.9025 17.2742 7.57742 22.1347 3.10435Z"
fill="url(#paint20_radial_6807_5229)"
fillOpacity={0.75}
style={{
mixBlendMode: "multiply",
}}
/>
<path
d="M17.1523 6.50678C16.5355 6.8202 15.903 7.1105 15.2593 7.37721C13.9783 6.5324 12.0229 5.90843 10.3438 5.6875C9.34466 5.55603 7.24159 5.41773 6.09912 5.49436C6.49721 5.12072 6.9243 4.77232 7.38039 4.45152C8.4817 4.44594 9.83623 4.50706 11.2403 4.6918C13.2789 4.96004 15.4759 5.49555 17.1523 6.50678Z"
fill="url(#paint21_radial_6807_5229)"
/>
<path
d="M17.1523 6.50678C16.5355 6.8202 15.903 7.1105 15.2593 7.37721C13.9783 6.5324 12.0229 5.90843 10.3438 5.6875C9.34466 5.55603 7.24159 5.41773 6.09912 5.49436C6.49721 5.12072 6.9243 4.77232 7.38039 4.45152C8.4817 4.44594 9.83623 4.50706 11.2403 4.6918C13.2789 4.96004 15.4759 5.49555 17.1523 6.50678Z"
fill="url(#paint22_radial_6807_5229)"
fillOpacity={0.6}
style={{
mixBlendMode: "multiply",
}}
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M15.9989 2C18.3372 2 20.3824 2.39329 22.1347 3.10435C20.6943 4.42995 18.9886 5.5669 17.1421 6.50069C15.467 5.4934 13.2748 4.9595 11.2403 4.6918C9.83622 4.50706 8.48168 4.44594 7.38037 4.45152C9.57907 2.90504 12.4518 2 15.9989 2Z"
fill="url(#paint23_radial_6807_5229)"
/>
<defs>
<radialGradient
id="paint0_radial_6807_5229"
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_6807_5229"
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_6807_5229"
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_6807_5229"
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_6807_5229"
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_6807_5229"
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_6807_5229"
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_6807_5229"
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_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.8437 26) rotate(-73.8279) scale(8.1344 14.1808)"
>
<stop offset={0.15625} stopColor="#362132" />
<stop offset={0.277843} stopColor="#482641" />
<stop offset={0.436186} stopColor="#735E62" />
</radialGradient>
<radialGradient
id="paint9_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.3125 19.4062) rotate(114.232) scale(3.65472)"
>
<stop offset={0.15625} stopColor="#FF63C4" />
<stop offset={1} stopColor="#F59639" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint10_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.375 18.0515) rotate(119.074) scale(4.75117 5.96977)"
>
<stop offset={0.161458} stopColor="#B6632A" />
<stop offset={0.161558} stopColor="#B6632A" />
<stop offset={1} stopColor="#F59639" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint11_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.5625 8.18748) rotate(71.9165) scale(12.8865 36.8357)"
>
<stop offset={0.150892} stopColor="#CB5C10" />
<stop offset={0.659014} stopColor="#CB5C10" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint12_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6518 14.7857) rotate(135) scale(9.10579 4.71285)"
>
<stop stopColor="#392108" />
<stop offset={1} stopColor="#C87928" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint13_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5454 15.642) rotate(135) scale(7.66968 4.32966)"
>
<stop stopColor="#392108" />
<stop offset={1} stopColor="#C87928" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_6807_5229"
x1={16.5}
y1={13}
x2={15.5}
y2={20}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#553B3E" />
<stop offset={1} stopColor="#3D2432" />
</linearGradient>
<linearGradient
id="paint15_linear_6807_5229"
x1={16.5}
y1={13}
x2={15.5}
y2={20}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#553B3E" />
<stop offset={1} stopColor="#3D2432" />
</linearGradient>
<radialGradient
id="paint16_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.8594 11.9062) rotate(130.119) scale(4.02522 9.57068)"
>
<stop offset={0.137915} stopColor="#694F62" />
<stop offset={0.398102} stopColor="#482641" />
</radialGradient>
<radialGradient
id="paint17_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22 5) rotate(155.556) scale(18.1246 36.995)"
>
<stop stopColor="#FFFEFF" />
<stop offset={1} stopColor="#DEB6D4" />
</radialGradient>
<radialGradient
id="paint18_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.376 13.25) rotate(-99.9558) scale(10.8509 19.1791)"
>
<stop offset={0.80322} stopColor="#D4CDCC" stopOpacity={0} />
<stop offset={1} stopColor="#D4CDCC" />
</radialGradient>
<radialGradient
id="paint19_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.6875 1.56251) rotate(80.8702) scale(7.09011 14.2551)"
>
<stop offset={0.841564} stopColor="#BEBAB9" />
<stop offset={1} stopColor="#D4CDCC" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint20_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.87505 2.75) rotate(73.6105) scale(6.64502 16.7065)"
>
<stop offset={0.80322} stopColor="#D4CDCC" stopOpacity={0} />
<stop offset={1} stopColor="#D4CDCC" />
</radialGradient>
<radialGradient
id="paint21_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.1251 3.6875) rotate(109.695) scale(4.28172 86.2723)"
>
<stop stopColor="#C4B0C9" />
<stop offset={0.546875} stopColor="#C4B0C9" stopOpacity={0} />
<stop offset={1} stopColor="#C4B0C9" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint22_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.3438 2.625) rotate(113.827) scale(3.36493 22.5105)"
>
<stop offset={0.841564} stopColor="#BEBAB9" />
<stop offset={1} stopColor="#D4CDCC" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint23_radial_6807_5229"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.4688 7.03125) rotate(-71.5651) scale(7.41159 27.7885)"
>
<stop offset={0.0666667} stopColor="#C4B0C9" />
<stop offset={0.323039} stopColor="#C4B0C9" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = FaceWithHeadBandageIcon;