@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
352 lines (351 loc) • 12.9 kB
JSX
const React = require("react");
const SweatDropletsIcon = ({ 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 filter="url(#filter0_i_7143_6226)">
<path
d="M12.0183 23.4855C12.4686 22.0493 12.2239 20.7206 11.617 19.6264L8.14233 13.5202C7.75081 12.8266 6.74265 12.8266 6.35114 13.5202L2.92537 19.5385C2.50449 20.2712 2.25 21.1114 2.25 22.0103C2.25 25.0585 4.98083 27.4619 8.13254 26.9245C9.95309 26.6216 11.4702 25.2441 12.0183 23.4855Z"
fill="url(#paint0_radial_7143_6226)"
/>
<path
d="M12.0183 23.4855C12.4686 22.0493 12.2239 20.7206 11.617 19.6264L8.14233 13.5202C7.75081 12.8266 6.74265 12.8266 6.35114 13.5202L2.92537 19.5385C2.50449 20.2712 2.25 21.1114 2.25 22.0103C2.25 25.0585 4.98083 27.4619 8.13254 26.9245C9.95309 26.6216 11.4702 25.2441 12.0183 23.4855Z"
fill="url(#paint1_radial_7143_6226)"
/>
</g>
<path
d="M12.0183 23.4855C12.4686 22.0493 12.2239 20.7206 11.617 19.6264L8.14233 13.5202C7.75081 12.8266 6.74265 12.8266 6.35114 13.5202L2.92537 19.5385C2.50449 20.2712 2.25 21.1114 2.25 22.0103C2.25 25.0585 4.98083 27.4619 8.13254 26.9245C9.95309 26.6216 11.4702 25.2441 12.0183 23.4855Z"
fill="url(#paint2_linear_7143_6226)"
/>
<path
d="M12.0183 23.4855C12.4686 22.0493 12.2239 20.7206 11.617 19.6264L8.14233 13.5202C7.75081 12.8266 6.74265 12.8266 6.35114 13.5202L2.92537 19.5385C2.50449 20.2712 2.25 21.1114 2.25 22.0103C2.25 25.0585 4.98083 27.4619 8.13254 26.9245C9.95309 26.6216 11.4702 25.2441 12.0183 23.4855Z"
fill="url(#paint3_radial_7143_6226)"
/>
<g filter="url(#filter1_i_7143_6226)">
<path
d="M27.6072 21.8511C26.8299 20.358 25.5842 19.5219 24.2489 19.1237L16.7053 17.0434C15.8483 16.8045 15.061 17.5908 15.2902 18.4568L17.3431 25.8924C17.5922 26.7982 18.0406 27.6542 18.7581 28.3709C21.1597 30.7697 25.2056 30.5209 27.2684 27.6144C28.4542 25.9421 28.5638 23.6726 27.6072 21.8511Z"
fill="url(#paint4_radial_7143_6226)"
/>
<path
d="M27.6072 21.8511C26.8299 20.358 25.5842 19.5219 24.2489 19.1237L16.7053 17.0434C15.8483 16.8045 15.061 17.5908 15.2902 18.4568L17.3431 25.8924C17.5922 26.7982 18.0406 27.6542 18.7581 28.3709C21.1597 30.7697 25.2056 30.5209 27.2684 27.6144C28.4542 25.9421 28.5638 23.6726 27.6072 21.8511Z"
fill="url(#paint5_radial_7143_6226)"
/>
</g>
<path
d="M27.6072 21.8511C26.8299 20.358 25.5842 19.5219 24.2489 19.1237L16.7053 17.0434C15.8483 16.8045 15.061 17.5908 15.2902 18.4568L17.3431 25.8924C17.5922 26.7982 18.0406 27.6542 18.7581 28.3709C21.1597 30.7697 25.2056 30.5209 27.2684 27.6144C28.4542 25.9421 28.5638 23.6726 27.6072 21.8511Z"
fill="url(#paint6_radial_7143_6226)"
/>
<g filter="url(#filter2_i_7143_6226)">
<path
d="M25.4708 2.29886C23.517 1.71579 21.7252 2.03648 20.237 2.82362L11.9561 7.33267C11.0146 7.84771 11.0146 9.14989 11.9561 9.66494L20.1257 14.1157C21.1178 14.6599 22.2516 15 23.4765 15C27.6069 15 30.8767 11.453 30.1478 7.3521C29.7227 4.98096 27.86 3.01797 25.4708 2.29886Z"
fill="url(#paint7_radial_7143_6226)"
/>
<path
d="M25.4708 2.29886C23.517 1.71579 21.7252 2.03648 20.237 2.82362L11.9561 7.33267C11.0146 7.84771 11.0146 9.14989 11.9561 9.66494L20.1257 14.1157C21.1178 14.6599 22.2516 15 23.4765 15C27.6069 15 30.8767 11.453 30.1478 7.3521C29.7227 4.98096 27.86 3.01797 25.4708 2.29886Z"
fill="url(#paint8_radial_7143_6226)"
/>
</g>
<path
d="M25.4708 2.29886C23.517 1.71579 21.7252 2.03648 20.237 2.82362L11.9561 7.33267C11.0146 7.84771 11.0146 9.14989 11.9561 9.66494L20.1257 14.1157C21.1178 14.6599 22.2516 15 23.4765 15C27.6069 15 30.8767 11.453 30.1478 7.3521C29.7227 4.98096 27.86 3.01797 25.4708 2.29886Z"
fill="url(#paint9_linear_7143_6226)"
/>
<g filter="url(#filter3_f_7143_6226)">
<circle cx={26} cy={7.0625} r={2.25} fill="#8AF6FF" />
</g>
<g filter="url(#filter4_f_7143_6226)">
<circle cx={24.9375} cy={23.5} r={2.25} fill="#8AF6FF" />
</g>
<g filter="url(#filter5_f_7143_6226)">
<circle cx={9.25} cy={20.875} r={1.6875} fill="#8AF6FF" />
</g>
<defs>
<filter
id="filter0_i_7143_6226"
x={2.25}
y={12.5}
width={10}
height={14.5}
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 dy={-0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_7143_6226"
/>
</filter>
<filter
id="filter1_i_7143_6226"
x={15.25}
y={16.5}
width={13}
height={13.5}
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 dy={-0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_7143_6226"
/>
</filter>
<filter
id="filter2_i_7143_6226"
x={11.25}
y={1.98}
width={19}
height={13.02}
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 dy={-0.02} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.247059 0 0 0 0 0.501961 0 0 0 0 0.964706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_7143_6226"
/>
</filter>
<filter
id="filter3_f_7143_6226"
x={20.75}
y={1.8125}
width={10.5}
height={10.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.5}
result="effect1_foregroundBlur_7143_6226"
/>
</filter>
<filter
id="filter4_f_7143_6226"
x={19.6875}
y={18.25}
width={10.5}
height={10.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.5}
result="effect1_foregroundBlur_7143_6226"
/>
</filter>
<filter
id="filter5_f_7143_6226"
x={4.5625}
y={16.1875}
width={9.375}
height={9.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1.5}
result="effect1_foregroundBlur_7143_6226"
/>
</filter>
<radialGradient
id="paint0_radial_7143_6226"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.93269 19.3269) rotate(129.634) scale(8.21533 10.5736)"
>
<stop offset={0.00147779} stopColor="#55EBFF" />
<stop offset={1} stopColor="#01A6F0" />
</radialGradient>
<radialGradient
id="paint1_radial_7143_6226"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.125 16.25) rotate(89.5559) scale(16.1255 12.1799)"
>
<stop offset={0.348985} stopColor="#3F80F6" stopOpacity={0} />
<stop offset={0.976806} stopColor="#3F80F7" />
</radialGradient>
<linearGradient
id="paint2_linear_7143_6226"
x1={6.625}
y1={17.75}
x2={3.25001}
y2={16.2855}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.147369} stopColor="#74B5CA" stopOpacity={0} />
<stop offset={0.94633} stopColor="#74B5CA" />
</linearGradient>
<radialGradient
id="paint3_radial_7143_6226"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.25 18.4375) rotate(90) scale(10.8125)"
>
<stop offset={0.619792} stopColor="#A158FE" stopOpacity={0} />
<stop offset={1} stopColor="#A158FE" />
</radialGradient>
<radialGradient
id="paint4_radial_7143_6226"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.9375 22.875) rotate(139.226) scale(8.99588 11.6563)"
>
<stop offset={0.00147779} stopColor="#55EBFF" />
<stop offset={1} stopColor="#01A6F0" />
</radialGradient>
<radialGradient
id="paint5_radial_7143_6226"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.3125 21.875) rotate(107.558) scale(16.7818 25.995)"
>
<stop offset={0.328918} stopColor="#3F80F6" stopOpacity={0} />
<stop offset={0.833333} stopColor="#3F80F7" />
<stop offset={1} stopColor="#8437E6" />
</radialGradient>
<radialGradient
id="paint6_radial_7143_6226"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.3125 21.75) rotate(101.182) scale(10.958 16.1469)"
>
<stop offset={0.558974} stopColor="#A158FE" stopOpacity={0} />
<stop offset={1} stopColor="#A158FE" />
</radialGradient>
<radialGradient
id="paint7_radial_7143_6226"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.25 7.25) rotate(138.366) scale(10.5364 14.0253)"
>
<stop offset={0.00147779} stopColor="#55EBFF" />
<stop offset={1} stopColor="#01A6F0" />
</radialGradient>
<radialGradient
id="paint8_radial_7143_6226"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.4375 5.625) rotate(114.184) scale(14.7988 25.8088)"
>
<stop offset={0.508756} stopColor="#3F80F6" stopOpacity={0} />
<stop offset={0.94633} stopColor="#3F80F7" />
</radialGradient>
<linearGradient
id="paint9_linear_7143_6226"
x1={19.875}
y1={5.9375}
x2={17.8125}
y2={2}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.147369} stopColor="#74B5CA" stopOpacity={0} />
<stop offset={0.94633} stopColor="#74B5CA" />
</linearGradient>
</defs>
</svg>
);
module.exports = SweatDropletsIcon;