@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
218 lines (217 loc) • 16.2 kB
JSX
const React = require("react");
const KissingFaceWithSmilingEyesIcon = ({ 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_486)"
/>
<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_486)"
/>
<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_486)"
/>
<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_486)"
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_486)"
/>
<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_486)"
/>
<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_486)"
/>
<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_486)"
/>
<path
d="M8 13C8 13 8.74211 12 10.5 12C12.2579 12 13 13 13 13"
stroke="url(#paint8_linear_23_486)"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M19 13C19 13 19.7421 12 21.5 12C23.2579 12 24 13 24 13"
stroke="url(#paint9_linear_23_486)"
strokeWidth={2}
strokeLinecap="round"
strokeLinejoin="round"
/>
<mask id="path-4-inside-1_23_486" fill="white">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.6699 16.9199C17.1176 16.9199 16.6699 17.3676 16.6699 17.9199C16.6699 18.4722 17.1176 18.9199 17.6699 18.9199C17.9576 18.9199 18.1899 19.1522 18.1899 19.4399C18.1899 19.7276 17.9576 19.9599 17.6699 19.9599C17.1176 19.9599 16.6699 20.4076 16.6699 20.9599C16.6699 20.9599 16.6699 20.9599 16.6699 20.96C16.6699 21.5122 17.1176 21.96 17.6699 21.96C17.9576 21.96 18.1899 22.1922 18.1899 22.48C18.1899 22.7677 17.9576 23 17.6699 23C17.1176 23 16.6699 23.4477 16.6699 24C16.6699 24.5522 17.1176 25 17.6699 25C19.0622 25 20.1899 23.8722 20.1899 22.48C20.1899 21.9089 20.0002 21.3824 19.6804 20.9599C20.0002 20.5375 20.1899 20.0109 20.1899 19.4399C20.1899 18.0476 19.0622 16.9199 17.6699 16.9199Z"
/>
</mask>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.6699 16.9199C17.1176 16.9199 16.6699 17.3676 16.6699 17.9199C16.6699 18.4722 17.1176 18.9199 17.6699 18.9199C17.9576 18.9199 18.1899 19.1522 18.1899 19.4399C18.1899 19.7276 17.9576 19.9599 17.6699 19.9599C17.1176 19.9599 16.6699 20.4076 16.6699 20.9599C16.6699 20.9599 16.6699 20.9599 16.6699 20.96C16.6699 21.5122 17.1176 21.96 17.6699 21.96C17.9576 21.96 18.1899 22.1922 18.1899 22.48C18.1899 22.7677 17.9576 23 17.6699 23C17.1176 23 16.6699 23.4477 16.6699 24C16.6699 24.5522 17.1176 25 17.6699 25C19.0622 25 20.1899 23.8722 20.1899 22.48C20.1899 21.9089 20.0002 21.3824 19.6804 20.9599C20.0002 20.5375 20.1899 20.0109 20.1899 19.4399C20.1899 18.0476 19.0622 16.9199 17.6699 16.9199Z"
fill="url(#paint10_radial_23_486)"
/>
<path
d="M19.6804 20.9599L19.2817 20.6581L19.0533 20.9599L19.2817 21.2617L19.6804 20.9599ZM17.1699 17.9199C17.1699 17.6438 17.3938 17.4199 17.6699 17.4199V16.4199C16.8415 16.4199 16.1699 17.0915 16.1699 17.9199H17.1699ZM17.6699 18.4199C17.3938 18.4199 17.1699 18.1961 17.1699 17.9199H16.1699C16.1699 18.7483 16.8415 19.4199 17.6699 19.4199V18.4199ZM18.6899 19.4399C18.6899 18.8761 18.2338 18.4199 17.6699 18.4199V19.4199C17.6815 19.4199 17.6899 19.4283 17.6899 19.4399H18.6899ZM17.6699 20.4599C18.2338 20.4599 18.6899 20.0038 18.6899 19.4399H17.6899C17.6899 19.4515 17.6815 19.4599 17.6699 19.4599V20.4599ZM17.1699 20.9599C17.1699 20.6838 17.3938 20.4599 17.6699 20.4599V19.4599C16.8415 19.4599 16.1699 20.1315 16.1699 20.9599H17.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.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599V20.9599V20.9599V20.9599V20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599V20.9599V20.9599V20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599V20.9599V20.9599V20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599V20.9599V20.9599V20.9599V20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599V20.9599V20.9599V20.9599V20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599V20.9599V20.9599V20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599C17.1699 20.9599 17.1699 20.9599 17.1699 20.9599H16.1699C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599V20.9599V20.9599V20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599V20.9599V20.9599V20.9599V20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599V20.9599V20.9599V20.9599V20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599V20.9599V20.9599V20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599V20.9599V20.9599V20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599V20.9599V20.9599V20.9599V20.9599C16.1699 20.9599 16.1699 20.9599 16.1699 20.9599C16.1699 20.9599 16.1699 20.9599 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.2361 17.1699 20.96H16.1699C16.1699 21.7884 16.8415 22.46 17.6699 22.46V21.46ZM18.6899 22.48C18.6899 21.9161 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.0438 18.6899 22.48H17.6899C17.6899 22.4915 17.6815 22.5 17.6699 22.5V23.5ZM17.1699 24C17.1699 23.7238 17.3938 23.5 17.6699 23.5V22.5C16.8415 22.5 16.1699 23.1715 16.1699 24H17.1699ZM17.6699 24.5C17.3938 24.5 17.1699 24.2761 17.1699 24H16.1699C16.1699 24.8284 16.8415 25.5 17.6699 25.5V24.5ZM19.6899 22.48C19.6899 23.5961 18.7861 24.5 17.6699 24.5V25.5C19.3383 25.5 20.6899 24.1484 20.6899 22.48H19.6899ZM19.2817 21.2617C19.5381 21.6003 19.6899 22.0215 19.6899 22.48H20.6899C20.6899 21.7963 20.4624 21.1645 20.079 20.6581L19.2817 21.2617ZM19.6899 19.4399C19.6899 19.8983 19.5381 20.3196 19.2817 20.6581L20.079 21.2617C20.4624 20.7554 20.6899 20.1236 20.6899 19.4399H19.6899ZM17.6699 17.4199C18.7861 17.4199 19.6899 18.3238 19.6899 19.4399H20.6899C20.6899 17.7715 19.3383 16.4199 17.6699 16.4199V17.4199Z"
fill="url(#paint11_linear_23_486)"
mask="url(#path-4-inside-1_23_486)"
/>
<defs>
<radialGradient
id="paint0_radial_23_486"
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_486"
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_486"
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_486"
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_486"
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_486"
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_486"
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_486"
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>
<linearGradient
id="paint8_linear_23_486"
x1={11.5}
y1={11.5}
x2={10.5}
y2={14}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#52383E" />
<stop offset={1} stopColor="#432A35" />
</linearGradient>
<linearGradient
id="paint9_linear_23_486"
x1={22.5}
y1={11.5}
x2={21.5}
y2={14}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#52383E" />
<stop offset={1} stopColor="#432A35" />
</linearGradient>
<radialGradient
id="paint10_radial_23_486"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6699 20.9599) scale(6.33008 7.26524)"
>
<stop stopColor="#3E3537" />
<stop offset={0.313085} stopColor="#523A4F" />
<stop offset={0.675586} stopColor="#6A5763" />
</radialGradient>
<linearGradient
id="paint11_linear_23_486"
x1={19}
y1={20.9999}
x2={20.5}
y2={20.4999}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#664F62" stopOpacity={0} />
<stop offset={1} stopColor="#765D72" />
</linearGradient>
</defs>
</svg>
);
module.exports = KissingFaceWithSmilingEyesIcon;