kissing face with smiling eyes emoji

kissing-face-with-smiling-eyes from Emoji One (Colored) by Emoji One · Default · People · CC-BY-4.0 Attribution required.

Name
kissing-face-with-smiling-eyes
Set
Emoji One (Colored)
Style
Default
Category
People
Viewbox
64×64
License
CC BY 4.0

The same emoji in other sets

kissing-face-with-smiling-eyesFluent Emojikissing-face-with-smiling-eyesFluent Emoji Flatkissing-face-with-smiling-eyesFluent Emoji High Contrastkissing-face-with-smiling-eyesNoto Emojikissing-face-with-smiling-eyesOpenMojikissing-face-with-smiling-eyesStreamline Emojiskissing-face-with-smiling-eyesTwitter Emoji

More people icons from Emoji One (Colored)

alienalien-monsterangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebabybaby-angelbackhand-index-pointing-downbackhand-index-pointing-leftbackhand-index-pointing-rightbackhand-index-pointing-upbeaming-face-with-smiling-eyesblond-haired-personboybride-with-veilbriefcasebust-in-silhouettebusts-in-silhouettecall-me-handcat-face-with-tears-of-joycat-face-with-wry-smileclapping-hands

Use the kissing face with smiling eyes emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><path fill="#664e27" d="M29 26.6c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1 3.5-6 8.8c-.1.5 1 1.3 1.4.7c1.4-2.2 3.4-3.3 5.7-3.7c2.2-.4 4.5 0 6.6 1.5c.5.6 1.3-.5 1-1m21.6-3.8c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1 3.5-6 8.8c-.1.5 1 1.3 1.4.7c1.4-2.2 3.4-3.3 5.7-3.7c2.2-.4 4.5 0 6.6 1.5c.5.6 1.3-.5 1-1m-5 22.6c1.3-1.9-2.3-2.6-2.8-5.5s2.6-4.8.8-6.1c-2.2-1.6-6 .6-9-1.6c.4 2.1 2.6 4.1 5.9 3.5c0 0-2.1 1.3-1.5 4.8s3 4 3 4c-3.3.6-4.7 3.2-4.3 5.3c2-2.8 6.4-2.1 7.9-4.4"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneKissingFaceWithSmilingEyes(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><path fill="#664e27" d="M29 26.6c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1 3.5-6 8.8c-.1.5 1 1.3 1.4.7c1.4-2.2 3.4-3.3 5.7-3.7c2.2-.4 4.5 0 6.6 1.5c.5.6 1.3-.5 1-1m21.6-3.8c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1 3.5-6 8.8c-.1.5 1 1.3 1.4.7c1.4-2.2 3.4-3.3 5.7-3.7c2.2-.4 4.5 0 6.6 1.5c.5.6 1.3-.5 1-1m-5 22.6c1.3-1.9-2.3-2.6-2.8-5.5s2.6-4.8.8-6.1c-2.2-1.6-6 .6-9-1.6c.4 2.1 2.6 4.1 5.9 3.5c0 0-2.1 1.3-1.5 4.8s3 4 3 4c-3.3.6-4.7 3.2-4.3 5.3c2-2.8 6.4-2.1 7.9-4.4"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><circle cx="32" cy="32" r="30" fill="#ffdd67"/><path fill="#664e27" d="M29 26.6c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1 3.5-6 8.8c-.1.5 1 1.3 1.4.7c1.4-2.2 3.4-3.3 5.7-3.7c2.2-.4 4.5 0 6.6 1.5c.5.6 1.3-.5 1-1m21.6-3.8c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1 3.5-6 8.8c-.1.5 1 1.3 1.4.7c1.4-2.2 3.4-3.3 5.7-3.7c2.2-.4 4.5 0 6.6 1.5c.5.6 1.3-.5 1-1m-5 22.6c1.3-1.9-2.3-2.6-2.8-5.5s2.6-4.8.8-6.1c-2.2-1.6-6 .6-9-1.6c.4 2.1 2.6 4.1 5.9 3.5c0 0-2.1 1.3-1.5 4.8s3 4 3 4c-3.3.6-4.7 3.2-4.3 5.3c2-2.8 6.4-2.1 7.9-4.4"/></svg>
</template>

CSS

.icon-kissing-face-with-smiling-eyes {
  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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23ffdd67%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M29%2026.6c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1%203.5-6%208.8c-.1.5%201%201.3%201.4.7c1.4-2.2%203.4-3.3%205.7-3.7c2.2-.4%204.5%200%206.6%201.5c.5.6%201.3-.5%201-1m21.6-3.8c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1%203.5-6%208.8c-.1.5%201%201.3%201.4.7c1.4-2.2%203.4-3.3%205.7-3.7c2.2-.4%204.5%200%206.6%201.5c.5.6%201.3-.5%201-1m-5%2022.6c1.3-1.9-2.3-2.6-2.8-5.5s2.6-4.8.8-6.1c-2.2-1.6-6%20.6-9-1.6c.4%202.1%202.6%204.1%205.9%203.5c0%200-2.1%201.3-1.5%204.8s3%204%203%204c-3.3.6-4.7%203.2-4.3%205.3c2-2.8%206.4-2.1%207.9-4.4%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%2064%2064%22%3E%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2230%22%20fill%3D%22%23ffdd67%22%2F%3E%3Cpath%20fill%3D%22%23664e27%22%20d%3D%22M29%2026.6c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1%203.5-6%208.8c-.1.5%201%201.3%201.4.7c1.4-2.2%203.4-3.3%205.7-3.7c2.2-.4%204.5%200%206.6%201.5c.5.6%201.3-.5%201-1m21.6-3.8c-2.7-4.7-5.9-6.7-8.7-6.3s-5.1%203.5-6%208.8c-.1.5%201%201.3%201.4.7c1.4-2.2%203.4-3.3%205.7-3.7c2.2-.4%204.5%200%206.6%201.5c.5.6%201.3-.5%201-1m-5%2022.6c1.3-1.9-2.3-2.6-2.8-5.5s2.6-4.8.8-6.1c-2.2-1.6-6%20.6-9-1.6c.4%202.1%202.6%204.1%205.9%203.5c0%200-2.1%201.3-1.5%204.8s3%204%203%204c-3.3.6-4.7%203.2-4.3%205.3c2-2.8%206.4-2.1%207.9-4.4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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