@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
240 lines (239 loc) • 9.21 kB
JSX
const React = require("react");
const FaceWithThermometerIcon = ({ 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.5 30C24.5018 30 29 23.9558 29 16.5C29 9.04416 24.5018 3 15.5 3C6.49821 3 2 9.04416 2 16.5C2 23.9558 6.49821 30 15.5 30Z"
fill="url(#paint0_radial_31_101)"
/>
<path
d="M15.5 30C24.5018 30 29 23.9558 29 16.5C29 9.04416 24.5018 3 15.5 3C6.49821 3 2 9.04416 2 16.5C2 23.9558 6.49821 30 15.5 30Z"
fill="url(#paint1_radial_31_101)"
/>
<path
d="M15.5 30C24.5018 30 29 23.9558 29 16.5C29 9.04416 24.5018 3 15.5 3C6.49821 3 2 9.04416 2 16.5C2 23.9558 6.49821 30 15.5 30Z"
fill="url(#paint2_radial_31_101)"
/>
<path
d="M15.5 30C24.5018 30 29 23.9558 29 16.5C29 9.04416 24.5018 3 15.5 3C6.49821 3 2 9.04416 2 16.5C2 23.9558 6.49821 30 15.5 30Z"
fill="url(#paint3_radial_31_101)"
fillOpacity={0.6}
/>
<path
d="M15.5 30C24.5018 30 29 23.9558 29 16.5C29 9.04416 24.5018 3 15.5 3C6.49821 3 2 9.04416 2 16.5C2 23.9558 6.49821 30 15.5 30Z"
fill="url(#paint4_radial_31_101)"
/>
<path
d="M15.5 30C24.5018 30 29 23.9558 29 16.5C29 9.04416 24.5018 3 15.5 3C6.49821 3 2 9.04416 2 16.5C2 23.9558 6.49821 30 15.5 30Z"
fill="url(#paint5_radial_31_101)"
/>
<path
d="M15.5 30C24.5018 30 29 23.9558 29 16.5C29 9.04416 24.5018 3 15.5 3C6.49821 3 2 9.04416 2 16.5C2 23.9558 6.49821 30 15.5 30Z"
fill="url(#paint6_radial_31_101)"
/>
<path
d="M15.5 30C24.5018 30 29 23.9558 29 16.5C29 9.04416 24.5018 3 15.5 3C6.49821 3 2 9.04416 2 16.5C2 23.9558 6.49821 30 15.5 30Z"
fill="url(#paint7_radial_31_101)"
/>
<path
d="M7.5 23C9.98528 23 12 20.9853 12 18.5C12 16.0147 9.98528 14 7.5 14C5.01472 14 3 16.0147 3 18.5C3 20.9853 5.01472 23 7.5 23Z"
fill="url(#paint8_radial_31_101)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M14 13.5C14 15.433 12.433 17 10.5 17C8.56701 17 7 15.433 7 13.5C7 11.567 8.56701 10 10.5 10C12.433 10 14 11.567 14 13.5ZM23 13.5C23 15.433 21.433 17 19.5 17C17.567 17 16 15.433 16 13.5C16 11.567 17.567 10 19.5 10C21.433 10 23 11.567 23 13.5Z"
fill="white"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M13.5 13.5C13.5 14.8807 12.3807 16 11 16C9.61929 16 8.5 14.8807 8.5 13.5C8.5 12.1193 9.61929 11 11 11C12.3807 11 13.5 12.1193 13.5 13.5ZM21.5 13.5C21.5 14.8807 20.3807 16 19 16C17.6193 16 16.5 14.8807 16.5 13.5C16.5 12.1193 17.6193 11 19 11C20.3807 11 21.5 12.1193 21.5 13.5Z"
fill="#402A32"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M11.5 7C11.7761 7 12 7.22386 12 7.5C12 8.63568 11.5691 9.52418 10.8947 10.1237C10.2294 10.7151 9.35654 11 8.5 11C8.22386 11 8 10.7761 8 10.5C8 10.2239 8.22386 10 8.5 10C9.14346 10 9.77058 9.78495 10.2303 9.3763C10.6809 8.97582 11 8.36432 11 7.5C11 7.22386 11.2239 7 11.5 7Z"
fill="#402A32"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M19.5 7C19.2239 7 19 7.22386 19 7.5C19 8.63568 19.4309 9.52418 20.1053 10.1237C20.7706 10.7151 21.6435 11 22.5 11C22.7761 11 23 10.7761 23 10.5C23 10.2239 22.7761 10 22.5 10C21.8565 10 21.2294 9.78495 20.7697 9.3763C20.3191 8.97582 20 8.36432 20 7.5C20 7.22386 19.7761 7 19.5 7Z"
fill="#402A32"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M29.1533 17.6339C30.0557 16.9969 30.2709 15.749 29.6339 14.8466C28.9969 13.9442 27.749 13.7291 26.8466 14.366L18.3466 20.366C18.1019 20.5388 17.9077 20.7565 17.7673 21H18.9999C20.1045 21 20.9999 21.8954 20.9999 23V23.3892L29.1533 17.6339Z"
fill="url(#paint9_linear_31_101)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M28.5767 16.817C29.0279 16.4985 29.1355 15.8745 28.817 15.4233C28.4985 14.9721 27.8745 14.8646 27.4233 15.1831L19.1722 21.0073C19.9419 21.073 20.5871 21.5745 20.8602 22.2639L28.5767 16.817Z"
fill="url(#paint10_linear_31_101)"
/>
<path
d="M9 22.5C9 22.5 11 20 15 20C19 20 21 22.5 21 22.5"
stroke="#402A32"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.8429 18.604L21.6096 19.5623C21.7821 19.778 22.0967 19.8129 22.3124 19.6404C22.528 19.4679 22.563 19.1533 22.3905 18.9376L21.6613 18.0262L20.8429 18.604Z"
fill="#212121"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M24.4918 16.0282L23.6748 16.6049L24.3431 17.5406C24.5036 17.7653 24.8158 17.8173 25.0406 17.6568C25.2653 17.4963 25.3173 17.1841 25.1568 16.9594L24.4918 16.0282Z"
fill="#212121"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M26.3091 14.7454L27.1 15.8C27.2657 16.0209 27.5791 16.0657 27.8 15.9C28.0209 15.7343 28.0657 15.4209 27.9 15.2L27.144 14.192C27.0417 14.2406 26.9422 14.2985 26.8466 14.366L26.3091 14.7454Z"
fill="#212121"
/>
<defs>
<radialGradient
id="paint0_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.6625 9.75054) rotate(132.839) scale(36.1668)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint1_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.6625 9.75054) rotate(131.878) scale(37.5607)"
>
<stop stopColor="#FFF478" />
<stop offset={0.474827} stopColor="#FFB02E" />
<stop offset={1} stopColor="#F70A8D" />
</radialGradient>
<radialGradient
id="paint2_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.5011 13.1258) rotate(101.31) scale(17.2106 22.0435)"
>
<stop offset={0.787821} stopColor="#F59639" stopOpacity={0} />
<stop offset={0.972509} stopColor="#FF7DCE" />
</radialGradient>
<radialGradient
id="paint3_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.4298 14.5724) rotate(135) scale(39.5506)"
>
<stop offset={0.314853} stopOpacity={0} />
<stop offset={1} />
</radialGradient>
<radialGradient
id="paint4_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.5011 17.4654) rotate(77.692) scale(27.1439)"
>
<stop offset={0.507903} stopColor="#7D6133" stopOpacity={0} />
<stop offset={1} stopColor="#715B32" />
</radialGradient>
<radialGradient
id="paint5_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.9833 16.9833) rotate(55.7131) scale(12.8391 9.30641)"
>
<stop stopColor="#FFB849" />
<stop offset={1} stopColor="#FFB847" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint6_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.8407 18.4298) rotate(9.86581) scale(11.2566)"
>
<stop stopColor="#FFA64B" />
<stop offset={0.900412} stopColor="#FFAE46" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.9476 15.5367) rotate(43.9708) scale(56.9485)"
>
<stop offset={0.185425} stopOpacity={0} />
<stop offset={1} stopOpacity={0.4} />
</radialGradient>
<radialGradient
id="paint8_radial_31_101"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.50355 18.5008) scale(4.49645)"
>
<stop stopColor="#FA666E" />
<stop offset={1} stopColor="#FF6DC6" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_31_101"
x1={23.5}
y1={16.5}
x2={26}
y2={20}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BCABBB" />
<stop offset={0.301039} stopColor="#EFEAF4" />
<stop offset={1} stopColor="#DDA8FF" />
</linearGradient>
<linearGradient
id="paint10_linear_31_101"
x1={22.5}
y1={16.5}
x2={25}
y2={20.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.245799} stopColor="#F5243E" />
<stop offset={0.936305} stopColor="#FF20C9" />
</linearGradient>
</defs>
</svg>
);
module.exports = FaceWithThermometerIcon;