kissing face emoji

kissing-face from Streamline Emojis by Streamline · Default · Smiley People · CC-BY-4.0 Attribution required.

Name
kissing-face
Set
Streamline Emojis
Style
Default
Category
Smiley People
Viewbox
48×48
License
CC BY 4.0

The same emoji in other sets

kissing-faceEmoji One (Colored)kissing-faceFluent Emojikissing-faceFluent Emoji Flatkissing-faceFluent Emoji High Contrastkissing-faceNoto Emojikissing-faceOpenMojikissing-faceTwitter Emoji

More smiley people icons from Streamline Emojis

alienamazed-faceamusing-faceanguished-faceanxious-faceastonished-faceastronaut-1astronaut-2baby-1baby-2baby-3baby-angel-1baby-angel-2backhand-index-pointing-down-1backhand-index-pointing-down-2backhand-index-pointing-left-1backhand-index-pointing-left-2backhand-index-pointing-right-1backhand-index-pointing-right-2backhand-index-pointing-up-1backhand-index-pointing-up-2beaming-face-with-smiling-eyesbikiniboy-1

Use the kissing face emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M1.5 24.83a15.33 15.33 0 1 0 30.66 0a15.33 15.33 0 1 0-30.66 0"/><path fill="#ebcb00" d="M16.83 9.5a15.33 15.33 0 1 0 15.33 15.33A15.33 15.33 0 0 0 16.83 9.5m0 28.36a14 14 0 1 1 14-14a14 14 0 0 1-14 14"/><path fill="#fff48c" d="M12.23 12.57a4.6 1.15 0 1 0 9.2 0a4.6 1.15 0 1 0-9.2 0"/><path fill="#45413c" d="M4.57 45.5a12.26 1.5 0 1 0 24.52 0a12.26 1.5 0 1 0-24.52 0" opacity=".15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M1.5 24.83a15.33 15.33 0 1 0 30.66 0a15.33 15.33 0 1 0-30.66 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.83 29.63a1.53 1.53 0 1 1 .77 2.86a1.54 1.54 0 0 1 0 3.07a1.57 1.57 0 0 1-.78-.21"/><path fill="#ffaa54" d="M5.72 28.66c0 .64.85 1.15 1.91 1.15s1.92-.51 1.92-1.15s-.86-1.15-1.92-1.15s-1.91.49-1.91 1.15m22.22 0c0 .64-.86 1.15-1.91 1.15s-1.92-.51-1.92-1.15s.89-1.15 1.89-1.15s1.94.49 1.94 1.15"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.55 24.45a.77.77 0 1 1-.77-.77a.77.77 0 0 1 .77.77m14.56 0a.77.77 0 1 0 .77-.77a.76.76 0 0 0-.77.77"/><path fill="none" stroke="#48cf3e" stroke-linecap="round" stroke-linejoin="round" d="M37.88 17a1.65 1.65 0 1 1-1.64-1.64A1.65 1.65 0 0 1 37.88 17m8.21-1.69a1.65 1.65 0 1 1-1.64-1.65a1.65 1.65 0 0 1 1.64 1.65"/><path fill="none" stroke="#48cf3e" stroke-linecap="round" stroke-linejoin="round" d="M37.88 16.95V9.56l8.21-3.29v9.03"/><path fill="none" stroke="#ff4064" stroke-linecap="round" stroke-linejoin="round" d="M36.11 40.55a1.62 1.62 0 1 1-1.61-1.61a1.62 1.62 0 0 1 1.61 1.61m0 0v-7.27l2.42 1.62"/><path fill="none" stroke="#ffb700" stroke-linecap="round" stroke-linejoin="round" d="M27.1 7.36a1 1 0 1 1-1.05-1a1 1 0 0 1 1.05 1"/><path fill="none" stroke="#ffb700" stroke-linecap="round" stroke-linejoin="round" d="M27.1 7.36v-4.7l1.57 1.04"/><path fill="none" stroke="#00aed9" stroke-linecap="round" stroke-linejoin="round" d="M38.81 23.83v-.58m1.22 1.08l.4-.4m.1 1.62h.58m-1.08 1.22l.4.41m-1.62.1v.57m-1.22-1.08l-.41.41m-.1-1.63h-.57m1.08-1.22l-.41-.4M44.47 32v-3.06m-1.53 1.53h3.07m-4.9-26.28V2.66m-.77.77h1.53m.28 35.83v-1.54m-.77.77h1.53M31.23 9.37V7.83m-.77.77h1.53"/></svg>

React

import type { SVGProps } from "react";

export function StreamlineEmojisKissingFace(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M1.5 24.83a15.33 15.33 0 1 0 30.66 0a15.33 15.33 0 1 0-30.66 0"/><path fill="#ebcb00" d="M16.83 9.5a15.33 15.33 0 1 0 15.33 15.33A15.33 15.33 0 0 0 16.83 9.5m0 28.36a14 14 0 1 1 14-14a14 14 0 0 1-14 14"/><path fill="#fff48c" d="M12.23 12.57a4.6 1.15 0 1 0 9.2 0a4.6 1.15 0 1 0-9.2 0"/><path fill="#45413c" d="M4.57 45.5a12.26 1.5 0 1 0 24.52 0a12.26 1.5 0 1 0-24.52 0" opacity=".15"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M1.5 24.83a15.33 15.33 0 1 0 30.66 0a15.33 15.33 0 1 0-30.66 0"/><path fill="none" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M16.83 29.63a1.53 1.53 0 1 1 .77 2.86a1.54 1.54 0 0 1 0 3.07a1.57 1.57 0 0 1-.78-.21"/><path fill="#ffaa54" d="M5.72 28.66c0 .64.85 1.15 1.91 1.15s1.92-.51 1.92-1.15s-.86-1.15-1.92-1.15s-1.91.49-1.91 1.15m22.22 0c0 .64-.86 1.15-1.91 1.15s-1.92-.51-1.92-1.15s.89-1.15 1.89-1.15s1.94.49 1.94 1.15"/><path fill="#45413c" stroke="#45413c" strokeLinecap="round" strokeLinejoin="round" d="M9.55 24.45a.77.77 0 1 1-.77-.77a.77.77 0 0 1 .77.77m14.56 0a.77.77 0 1 0 .77-.77a.76.76 0 0 0-.77.77"/><path fill="none" stroke="#48cf3e" strokeLinecap="round" strokeLinejoin="round" d="M37.88 17a1.65 1.65 0 1 1-1.64-1.64A1.65 1.65 0 0 1 37.88 17m8.21-1.69a1.65 1.65 0 1 1-1.64-1.65a1.65 1.65 0 0 1 1.64 1.65"/><path fill="none" stroke="#48cf3e" strokeLinecap="round" strokeLinejoin="round" d="M37.88 16.95V9.56l8.21-3.29v9.03"/><path fill="none" stroke="#ff4064" strokeLinecap="round" strokeLinejoin="round" d="M36.11 40.55a1.62 1.62 0 1 1-1.61-1.61a1.62 1.62 0 0 1 1.61 1.61m0 0v-7.27l2.42 1.62"/><path fill="none" stroke="#ffb700" strokeLinecap="round" strokeLinejoin="round" d="M27.1 7.36a1 1 0 1 1-1.05-1a1 1 0 0 1 1.05 1"/><path fill="none" stroke="#ffb700" strokeLinecap="round" strokeLinejoin="round" d="M27.1 7.36v-4.7l1.57 1.04"/><path fill="none" stroke="#00aed9" strokeLinecap="round" strokeLinejoin="round" d="M38.81 23.83v-.58m1.22 1.08l.4-.4m.1 1.62h.58m-1.08 1.22l.4.41m-1.62.1v.57m-1.22-1.08l-.41.41m-.1-1.63h-.57m1.08-1.22l-.41-.4M44.47 32v-3.06m-1.53 1.53h3.07m-4.9-26.28V2.66m-.77.77h1.53m.28 35.83v-1.54m-.77.77h1.53M31.23 9.37V7.83m-.77.77h1.53"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="#ffe500" d="M1.5 24.83a15.33 15.33 0 1 0 30.66 0a15.33 15.33 0 1 0-30.66 0"/><path fill="#ebcb00" d="M16.83 9.5a15.33 15.33 0 1 0 15.33 15.33A15.33 15.33 0 0 0 16.83 9.5m0 28.36a14 14 0 1 1 14-14a14 14 0 0 1-14 14"/><path fill="#fff48c" d="M12.23 12.57a4.6 1.15 0 1 0 9.2 0a4.6 1.15 0 1 0-9.2 0"/><path fill="#45413c" d="M4.57 45.5a12.26 1.5 0 1 0 24.52 0a12.26 1.5 0 1 0-24.52 0" opacity=".15"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M1.5 24.83a15.33 15.33 0 1 0 30.66 0a15.33 15.33 0 1 0-30.66 0"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M16.83 29.63a1.53 1.53 0 1 1 .77 2.86a1.54 1.54 0 0 1 0 3.07a1.57 1.57 0 0 1-.78-.21"/><path fill="#ffaa54" d="M5.72 28.66c0 .64.85 1.15 1.91 1.15s1.92-.51 1.92-1.15s-.86-1.15-1.92-1.15s-1.91.49-1.91 1.15m22.22 0c0 .64-.86 1.15-1.91 1.15s-1.92-.51-1.92-1.15s.89-1.15 1.89-1.15s1.94.49 1.94 1.15"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.55 24.45a.77.77 0 1 1-.77-.77a.77.77 0 0 1 .77.77m14.56 0a.77.77 0 1 0 .77-.77a.76.76 0 0 0-.77.77"/><path fill="none" stroke="#48cf3e" stroke-linecap="round" stroke-linejoin="round" d="M37.88 17a1.65 1.65 0 1 1-1.64-1.64A1.65 1.65 0 0 1 37.88 17m8.21-1.69a1.65 1.65 0 1 1-1.64-1.65a1.65 1.65 0 0 1 1.64 1.65"/><path fill="none" stroke="#48cf3e" stroke-linecap="round" stroke-linejoin="round" d="M37.88 16.95V9.56l8.21-3.29v9.03"/><path fill="none" stroke="#ff4064" stroke-linecap="round" stroke-linejoin="round" d="M36.11 40.55a1.62 1.62 0 1 1-1.61-1.61a1.62 1.62 0 0 1 1.61 1.61m0 0v-7.27l2.42 1.62"/><path fill="none" stroke="#ffb700" stroke-linecap="round" stroke-linejoin="round" d="M27.1 7.36a1 1 0 1 1-1.05-1a1 1 0 0 1 1.05 1"/><path fill="none" stroke="#ffb700" stroke-linecap="round" stroke-linejoin="round" d="M27.1 7.36v-4.7l1.57 1.04"/><path fill="none" stroke="#00aed9" stroke-linecap="round" stroke-linejoin="round" d="M38.81 23.83v-.58m1.22 1.08l.4-.4m.1 1.62h.58m-1.08 1.22l.4.41m-1.62.1v.57m-1.22-1.08l-.41.41m-.1-1.63h-.57m1.08-1.22l-.41-.4M44.47 32v-3.06m-1.53 1.53h3.07m-4.9-26.28V2.66m-.77.77h1.53m.28 35.83v-1.54m-.77.77h1.53M31.23 9.37V7.83m-.77.77h1.53"/></svg>
</template>

CSS

.icon-kissing-face {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M1.5%2024.83a15.33%2015.33%200%201%200%2030.66%200a15.33%2015.33%200%201%200-30.66%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M16.83%209.5a15.33%2015.33%200%201%200%2015.33%2015.33A15.33%2015.33%200%200%200%2016.83%209.5m0%2028.36a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M12.23%2012.57a4.6%201.15%200%201%200%209.2%200a4.6%201.15%200%201%200-9.2%200%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M4.57%2045.5a12.26%201.5%200%201%200%2024.52%200a12.26%201.5%200%201%200-24.52%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M1.5%2024.83a15.33%2015.33%200%201%200%2030.66%200a15.33%2015.33%200%201%200-30.66%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.83%2029.63a1.53%201.53%200%201%201%20.77%202.86a1.54%201.54%200%200%201%200%203.07a1.57%201.57%200%200%201-.78-.21%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M5.72%2028.66c0%20.64.85%201.15%201.91%201.15s1.92-.51%201.92-1.15s-.86-1.15-1.92-1.15s-1.91.49-1.91%201.15m22.22%200c0%20.64-.86%201.15-1.91%201.15s-1.92-.51-1.92-1.15s.89-1.15%201.89-1.15s1.94.49%201.94%201.15%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.55%2024.45a.77.77%200%201%201-.77-.77a.77.77%200%200%201%20.77.77m14.56%200a.77.77%200%201%200%20.77-.77a.76.76%200%200%200-.77.77%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2348cf3e%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.88%2017a1.65%201.65%200%201%201-1.64-1.64A1.65%201.65%200%200%201%2037.88%2017m8.21-1.69a1.65%201.65%200%201%201-1.64-1.65a1.65%201.65%200%200%201%201.64%201.65%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2348cf3e%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.88%2016.95V9.56l8.21-3.29v9.03%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ff4064%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M36.11%2040.55a1.62%201.62%200%201%201-1.61-1.61a1.62%201.62%200%200%201%201.61%201.61m0%200v-7.27l2.42%201.62%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ffb700%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.1%207.36a1%201%200%201%201-1.05-1a1%201%200%200%201%201.05%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ffb700%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.1%207.36v-4.7l1.57%201.04%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2300aed9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M38.81%2023.83v-.58m1.22%201.08l.4-.4m.1%201.62h.58m-1.08%201.22l.4.41m-1.62.1v.57m-1.22-1.08l-.41.41m-.1-1.63h-.57m1.08-1.22l-.41-.4M44.47%2032v-3.06m-1.53%201.53h3.07m-4.9-26.28V2.66m-.77.77h1.53m.28%2035.83v-1.54m-.77.77h1.53M31.23%209.37V7.83m-.77.77h1.53%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22%23ffe500%22%20d%3D%22M1.5%2024.83a15.33%2015.33%200%201%200%2030.66%200a15.33%2015.33%200%201%200-30.66%200%22%2F%3E%3Cpath%20fill%3D%22%23ebcb00%22%20d%3D%22M16.83%209.5a15.33%2015.33%200%201%200%2015.33%2015.33A15.33%2015.33%200%200%200%2016.83%209.5m0%2028.36a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014%22%2F%3E%3Cpath%20fill%3D%22%23fff48c%22%20d%3D%22M12.23%2012.57a4.6%201.15%200%201%200%209.2%200a4.6%201.15%200%201%200-9.2%200%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20d%3D%22M4.57%2045.5a12.26%201.5%200%201%200%2024.52%200a12.26%201.5%200%201%200-24.52%200%22%20opacity%3D%22.15%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M1.5%2024.83a15.33%2015.33%200%201%200%2030.66%200a15.33%2015.33%200%201%200-30.66%200%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M16.83%2029.63a1.53%201.53%200%201%201%20.77%202.86a1.54%201.54%200%200%201%200%203.07a1.57%201.57%200%200%201-.78-.21%22%2F%3E%3Cpath%20fill%3D%22%23ffaa54%22%20d%3D%22M5.72%2028.66c0%20.64.85%201.15%201.91%201.15s1.92-.51%201.92-1.15s-.86-1.15-1.92-1.15s-1.91.49-1.91%201.15m22.22%200c0%20.64-.86%201.15-1.91%201.15s-1.92-.51-1.92-1.15s.89-1.15%201.89-1.15s1.94.49%201.94%201.15%22%2F%3E%3Cpath%20fill%3D%22%2345413c%22%20stroke%3D%22%2345413c%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M9.55%2024.45a.77.77%200%201%201-.77-.77a.77.77%200%200%201%20.77.77m14.56%200a.77.77%200%201%200%20.77-.77a.76.76%200%200%200-.77.77%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2348cf3e%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.88%2017a1.65%201.65%200%201%201-1.64-1.64A1.65%201.65%200%200%201%2037.88%2017m8.21-1.69a1.65%201.65%200%201%201-1.64-1.65a1.65%201.65%200%200%201%201.64%201.65%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2348cf3e%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M37.88%2016.95V9.56l8.21-3.29v9.03%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ff4064%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M36.11%2040.55a1.62%201.62%200%201%201-1.61-1.61a1.62%201.62%200%200%201%201.61%201.61m0%200v-7.27l2.42%201.62%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ffb700%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.1%207.36a1%201%200%201%201-1.05-1a1%201%200%200%201%201.05%201%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ffb700%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M27.1%207.36v-4.7l1.57%201.04%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%2300aed9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M38.81%2023.83v-.58m1.22%201.08l.4-.4m.1%201.62h.58m-1.08%201.22l.4.41m-1.62.1v.57m-1.22-1.08l-.41.41m-.1-1.63h-.57m1.08-1.22l-.41-.4M44.47%2032v-3.06m-1.53%201.53h3.07m-4.9-26.28V2.66m-.77.77h1.53m.28%2035.83v-1.54m-.77.77h1.53M31.23%209.37V7.83m-.77.77h1.53%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/streamline-emojis/kissing-face.svg?color=%231a73e8&size=48