@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
254 lines (253 loc) • 16.8 kB
JSX
const React = require("react");
const KissingFaceIcon = ({ 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_23_471)"
/>
<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_23_471)"
/>
<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_23_471)"
/>
<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_23_471)"
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_23_471)"
/>
<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_23_471)"
/>
<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_23_471)"
/>
<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_23_471)"
/>
<circle
cx={9.01705}
cy={13.4205}
r={4.6733}
fill="url(#paint8_radial_23_471)"
/>
<circle
cx={19.2443}
cy={13.9432}
r={4.24431}
fill="url(#paint9_radial_23_471)"
/>
<path
d="M10.4191 16.2244C12.742 16.2244 14.6251 14.3414 14.6251 12.0185C14.6251 9.69557 12.742 7.8125 10.4191 7.8125C8.09621 7.8125 6.21313 9.69557 6.21313 12.0185C6.21313 14.3414 8.09621 16.2244 10.4191 16.2244Z"
fill="white"
/>
<path
d="M21.5683 16.3011C23.9123 16.3011 25.8126 14.4009 25.8126 12.0568C25.8126 9.71274 23.9123 7.8125 21.5683 7.8125C19.2242 7.8125 17.324 9.71274 17.324 12.0568C17.324 14.4009 19.2242 16.3011 21.5683 16.3011Z"
fill="white"
/>
<path
d="M11 15C12.6569 15 14 13.6569 14 12C14 10.3431 12.6569 9 11 9C9.34315 9 8 10.3431 8 12C8 13.6569 9.34315 15 11 15Z"
fill="url(#paint10_linear_23_471)"
/>
<path
d="M21 15C22.6569 15 24 13.6569 24 12C24 10.3431 22.6569 9 21 9C19.3431 9 18 10.3431 18 12C18 13.6569 19.3431 15 21 15Z"
fill="url(#paint11_linear_23_471)"
/>
<mask id="path-6-inside-1_23_471" fill="white">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.6699 16.92C17.1176 16.92 16.6699 17.3677 16.6699 17.92C16.6699 18.4723 17.1176 18.92 17.6699 18.92C17.9576 18.92 18.1899 19.1523 18.1899 19.44C18.1899 19.7277 17.9576 19.96 17.6699 19.96C17.1176 19.96 16.6699 20.4077 16.6699 20.96C16.6699 20.96 16.6699 20.96 16.6699 20.96C16.6699 21.5123 17.1176 21.96 17.6699 21.96C17.9576 21.96 18.1899 22.1923 18.1899 22.48C18.1899 22.7677 17.9576 23 17.6699 23C17.1176 23 16.6699 23.4477 16.6699 24C16.6699 24.5523 17.1176 25 17.6699 25C19.0622 25 20.1899 23.8723 20.1899 22.48C20.1899 21.909 20.0002 21.3825 19.6804 20.96C20.0002 20.5375 20.1899 20.011 20.1899 19.44C20.1899 18.0477 19.0622 16.92 17.6699 16.92Z"
/>
</mask>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.6699 16.92C17.1176 16.92 16.6699 17.3677 16.6699 17.92C16.6699 18.4723 17.1176 18.92 17.6699 18.92C17.9576 18.92 18.1899 19.1523 18.1899 19.44C18.1899 19.7277 17.9576 19.96 17.6699 19.96C17.1176 19.96 16.6699 20.4077 16.6699 20.96C16.6699 20.96 16.6699 20.96 16.6699 20.96C16.6699 21.5123 17.1176 21.96 17.6699 21.96C17.9576 21.96 18.1899 22.1923 18.1899 22.48C18.1899 22.7677 17.9576 23 17.6699 23C17.1176 23 16.6699 23.4477 16.6699 24C16.6699 24.5523 17.1176 25 17.6699 25C19.0622 25 20.1899 23.8723 20.1899 22.48C20.1899 21.909 20.0002 21.3825 19.6804 20.96C20.0002 20.5375 20.1899 20.011 20.1899 19.44C20.1899 18.0477 19.0622 16.92 17.6699 16.92Z"
fill="url(#paint12_radial_23_471)"
/>
<path
d="M19.6804 20.96L19.2817 20.6582L19.0533 20.96L19.2817 21.2618L19.6804 20.96ZM17.1699 17.92C17.1699 17.6438 17.3938 17.42 17.6699 17.42V16.42C16.8415 16.42 16.1699 17.0916 16.1699 17.92H17.1699ZM17.6699 18.42C17.3938 18.42 17.1699 18.1961 17.1699 17.92H16.1699C16.1699 18.7484 16.8415 19.42 17.6699 19.42V18.42ZM18.6899 19.44C18.6899 18.8761 18.2338 18.42 17.6699 18.42V19.42C17.6815 19.42 17.6899 19.4284 17.6899 19.44H18.6899ZM17.6699 20.46C18.2338 20.46 18.6899 20.0038 18.6899 19.44H17.6899C17.6899 19.4516 17.6815 19.46 17.6699 19.46V20.46ZM17.1699 20.96C17.1699 20.6838 17.3938 20.46 17.6699 20.46V19.46C16.8415 19.46 16.1699 20.1316 16.1699 20.96H17.1699ZM17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96V20.96V20.96V20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96V20.96V20.96V20.96V20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96V20.96V20.96V20.96V20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96V20.96V20.96V20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96V20.96V20.96V20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96V20.96V20.96V20.96V20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96V20.96V20.96V20.96V20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96V20.96V20.96V20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96C17.1699 20.96 17.1699 20.96 17.1699 20.96H16.1699C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96V20.96V20.96V20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96V20.96V20.96V20.96V20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96V20.96V20.96V20.96V20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96V20.96V20.96V20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96V20.96V20.96V20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96V20.96V20.96V20.96V20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96V20.96V20.96V20.96V20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96V20.96V20.96V20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96C16.1699 20.96 16.1699 20.96 16.1699 20.96H17.1699ZM17.6699 21.46C17.3938 21.46 17.1699 21.2362 17.1699 20.96H16.1699C16.1699 21.7884 16.8415 22.46 17.6699 22.46V21.46ZM18.6899 22.48C18.6899 21.9162 18.2338 21.46 17.6699 21.46V22.46C17.6815 22.46 17.6899 22.4684 17.6899 22.48H18.6899ZM17.6699 23.5C18.2338 23.5 18.6899 23.0439 18.6899 22.48H17.6899C17.6899 22.4916 17.6815 22.5 17.6699 22.5V23.5ZM17.1699 24C17.1699 23.7239 17.3938 23.5 17.6699 23.5V22.5C16.8415 22.5 16.1699 23.1716 16.1699 24H17.1699ZM17.6699 24.5C17.3938 24.5 17.1699 24.2762 17.1699 24H16.1699C16.1699 24.8284 16.8415 25.5 17.6699 25.5V24.5ZM19.6899 22.48C19.6899 23.5962 18.7861 24.5 17.6699 24.5V25.5C19.3383 25.5 20.6899 24.1484 20.6899 22.48H19.6899ZM19.2817 21.2618C19.5381 21.6004 19.6899 22.0216 19.6899 22.48H20.6899C20.6899 21.7964 20.4624 21.1646 20.079 20.6582L19.2817 21.2618ZM19.6899 19.44C19.6899 19.8984 19.5381 20.3196 19.2817 20.6582L20.079 21.2618C20.4624 20.7554 20.6899 20.1236 20.6899 19.44H19.6899ZM17.6699 17.42C18.7861 17.42 19.6899 18.3238 19.6899 19.44H20.6899C20.6899 17.7716 19.3383 16.42 17.6699 16.42V17.42Z"
fill="url(#paint13_linear_23_471)"
mask="url(#path-6-inside-1_23_471)"
/>
<defs>
<radialGradient
id="paint0_radial_23_471"
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_23_471"
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_23_471"
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_23_471"
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_23_471"
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_23_471"
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_23_471"
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_23_471"
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_23_471"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.6518 9.7857) rotate(135) scale(9.10579 4.71285)"
>
<stop stopColor="#392108" />
<stop offset={1} stopColor="#C87928" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_23_471"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.5454 10.642) rotate(135) scale(7.66968 4.32966)"
>
<stop stopColor="#392108" />
<stop offset={1} stopColor="#C87928" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint10_linear_23_471"
x1={16.5}
y1={8}
x2={15.5}
y2={15}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#553B3E" />
<stop offset={1} stopColor="#3D2432" />
</linearGradient>
<linearGradient
id="paint11_linear_23_471"
x1={16.5}
y1={8}
x2={15.5}
y2={15}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#553B3E" />
<stop offset={1} stopColor="#3D2432" />
</linearGradient>
<radialGradient
id="paint12_radial_23_471"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6699 20.96) scale(6.33008 7.26524)"
>
<stop stopColor="#3E3537" />
<stop offset={0.313085} stopColor="#523A4F" />
<stop offset={0.675586} stopColor="#6A5763" />
</radialGradient>
<linearGradient
id="paint13_linear_23_471"
x1={19}
y1={21}
x2={20.5}
y2={20.5}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#664F62" stopOpacity={0} />
<stop offset={1} stopColor="#765D72" />
</linearGradient>
</defs>
</svg>
);
module.exports = KissingFaceIcon;