face with peeking eye emoji

face-with-peeking-eye from Fluent Emoji Flat by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.

Name
face-with-peeking-eye
Set
Fluent Emoji Flat
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

face-with-peeking-eyeFluent Emojiface-with-peeking-eyeFluent Emoji High Contrastface-with-peeking-eyeNoto Emojiface-with-peeking-eyeOpenMojiface-with-peeking-eyeTwitter Emoji

More smileys & emotion icons from Fluent Emoji Flat

alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbombbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-cat

Use the face with peeking eye emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16 29.998c9.334 0 13.998-6.268 13.998-14C29.998 8.269 25.334 2 15.999 2C6.665 2 2 8.268 2 15.999s4.665 13.999 14 13.999"/><path fill="#fff" d="M22 20a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#402a32" d="M21.5 19a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5M10.775 7a.75.75 0 0 0-.05-1.5C7.674 5.603 6 8.163 6 10.25a.75.75 0 0 0 1.5 0c0-1.413 1.161-3.18 3.275-3.25m10.95 0a.75.75 0 0 1 .05-1.5c3.051.103 4.725 2.663 4.725 4.75a.75.75 0 0 1-1.5 0c0-1.413-1.161-3.18-3.275-3.25"/><path fill="#bb1d80" d="M16 27c-1.652 0-3-1.348-3-3s1.348-3 3-3s3 1.348 3 3s-1.348 3-3 3"/><path fill="#ff822d" d="M22.994 11.012a1.5 1.5 0 0 0-1.362 1.626l.394 4.446l-.029.013L18.8 15.25a1.5 1.5 0 1 0-1.5 2.598l.079.046a1.5 1.5 0 0 0-.579 2.79l2.473 1.427c.64.444.995.984 1.355 1.533c.438.666.884 1.345 1.855 1.877c2.002.863 4.026.508 5.253-.719c.91-.91 1.204-2.215 1.473-3.41c.132-.585.257-1.144.447-1.617l1.152-2.716c.37-.656.124-1.505-.547-1.89c-.668-.383-1.503-.162-1.865.494l-1.145 1.824V13a1.5 1.5 0 0 0-2.685-.92a1.5 1.5 0 0 0-1.57-1.068M6.92 12.8a1.37 1.37 0 0 1 1.82-.54c.514.271.764.829.661 1.367l.368-.65a1.436 1.436 0 0 1 1.905-.564c.674.354.914 1.182.537 1.849l-.1.175a1.4 1.4 0 0 1 .906.138c.674.355.915 1.183.537 1.85l-.323.57c.31-.05.637.002.924.17a1.32 1.32 0 0 1 .434 1.876l-3.594 5.5a4.82 4.82 0 0 1-2.463 2.144c-2.476.968-5.26-.235-6.218-2.687a4.7 4.7 0 0 1-.292-2.279a2 2 0 0 1-.002-.138l.082-2.532l-.304-3.035c-.075-.75.49-1.428 1.26-1.512c.765-.083 1.44.454 1.51 1.2l.099 1.076z"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatFaceWithPeekingEye(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16 29.998c9.334 0 13.998-6.268 13.998-14C29.998 8.269 25.334 2 15.999 2C6.665 2 2 8.268 2 15.999s4.665 13.999 14 13.999"/><path fill="#fff" d="M22 20a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#402a32" d="M21.5 19a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5M10.775 7a.75.75 0 0 0-.05-1.5C7.674 5.603 6 8.163 6 10.25a.75.75 0 0 0 1.5 0c0-1.413 1.161-3.18 3.275-3.25m10.95 0a.75.75 0 0 1 .05-1.5c3.051.103 4.725 2.663 4.725 4.75a.75.75 0 0 1-1.5 0c0-1.413-1.161-3.18-3.275-3.25"/><path fill="#bb1d80" d="M16 27c-1.652 0-3-1.348-3-3s1.348-3 3-3s3 1.348 3 3s-1.348 3-3 3"/><path fill="#ff822d" d="M22.994 11.012a1.5 1.5 0 0 0-1.362 1.626l.394 4.446l-.029.013L18.8 15.25a1.5 1.5 0 1 0-1.5 2.598l.079.046a1.5 1.5 0 0 0-.579 2.79l2.473 1.427c.64.444.995.984 1.355 1.533c.438.666.884 1.345 1.855 1.877c2.002.863 4.026.508 5.253-.719c.91-.91 1.204-2.215 1.473-3.41c.132-.585.257-1.144.447-1.617l1.152-2.716c.37-.656.124-1.505-.547-1.89c-.668-.383-1.503-.162-1.865.494l-1.145 1.824V13a1.5 1.5 0 0 0-2.685-.92a1.5 1.5 0 0 0-1.57-1.068M6.92 12.8a1.37 1.37 0 0 1 1.82-.54c.514.271.764.829.661 1.367l.368-.65a1.436 1.436 0 0 1 1.905-.564c.674.354.914 1.182.537 1.849l-.1.175a1.4 1.4 0 0 1 .906.138c.674.355.915 1.183.537 1.85l-.323.57c.31-.05.637.002.924.17a1.32 1.32 0 0 1 .434 1.876l-3.594 5.5a4.82 4.82 0 0 1-2.463 2.144c-2.476.968-5.26-.235-6.218-2.687a4.7 4.7 0 0 1-.292-2.279a2 2 0 0 1-.002-.138l.082-2.532l-.304-3.035c-.075-.75.49-1.428 1.26-1.512c.765-.083 1.44.454 1.51 1.2l.099 1.076z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#ffb02e" d="M16 29.998c9.334 0 13.998-6.268 13.998-14C29.998 8.269 25.334 2 15.999 2C6.665 2 2 8.268 2 15.999s4.665 13.999 14 13.999"/><path fill="#fff" d="M22 20a5 5 0 1 1 0-10a5 5 0 0 1 0 10"/><path fill="#402a32" d="M21.5 19a2.5 2.5 0 1 1 0-5a2.5 2.5 0 0 1 0 5M10.775 7a.75.75 0 0 0-.05-1.5C7.674 5.603 6 8.163 6 10.25a.75.75 0 0 0 1.5 0c0-1.413 1.161-3.18 3.275-3.25m10.95 0a.75.75 0 0 1 .05-1.5c3.051.103 4.725 2.663 4.725 4.75a.75.75 0 0 1-1.5 0c0-1.413-1.161-3.18-3.275-3.25"/><path fill="#bb1d80" d="M16 27c-1.652 0-3-1.348-3-3s1.348-3 3-3s3 1.348 3 3s-1.348 3-3 3"/><path fill="#ff822d" d="M22.994 11.012a1.5 1.5 0 0 0-1.362 1.626l.394 4.446l-.029.013L18.8 15.25a1.5 1.5 0 1 0-1.5 2.598l.079.046a1.5 1.5 0 0 0-.579 2.79l2.473 1.427c.64.444.995.984 1.355 1.533c.438.666.884 1.345 1.855 1.877c2.002.863 4.026.508 5.253-.719c.91-.91 1.204-2.215 1.473-3.41c.132-.585.257-1.144.447-1.617l1.152-2.716c.37-.656.124-1.505-.547-1.89c-.668-.383-1.503-.162-1.865.494l-1.145 1.824V13a1.5 1.5 0 0 0-2.685-.92a1.5 1.5 0 0 0-1.57-1.068M6.92 12.8a1.37 1.37 0 0 1 1.82-.54c.514.271.764.829.661 1.367l.368-.65a1.436 1.436 0 0 1 1.905-.564c.674.354.914 1.182.537 1.849l-.1.175a1.4 1.4 0 0 1 .906.138c.674.355.915 1.183.537 1.85l-.323.57c.31-.05.637.002.924.17a1.32 1.32 0 0 1 .434 1.876l-3.594 5.5a4.82 4.82 0 0 1-2.463 2.144c-2.476.968-5.26-.235-6.218-2.687a4.7 4.7 0 0 1-.292-2.279a2 2 0 0 1-.002-.138l.082-2.532l-.304-3.035c-.075-.75.49-1.428 1.26-1.512c.765-.083 1.44.454 1.51 1.2l.099 1.076z"/></g></svg>
</template>

CSS

.icon-face-with-peeking-eye {
  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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M16%2029.998c9.334%200%2013.998-6.268%2013.998-14C29.998%208.269%2025.334%202%2015.999%202C6.665%202%202%208.268%202%2015.999s4.665%2013.999%2014%2013.999%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22%2020a5%205%200%201%201%200-10a5%205%200%200%201%200%2010%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M21.5%2019a2.5%202.5%200%201%201%200-5a2.5%202.5%200%200%201%200%205M10.775%207a.75.75%200%200%200-.05-1.5C7.674%205.603%206%208.163%206%2010.25a.75.75%200%200%200%201.5%200c0-1.413%201.161-3.18%203.275-3.25m10.95%200a.75.75%200%200%201%20.05-1.5c3.051.103%204.725%202.663%204.725%204.75a.75.75%200%200%201-1.5%200c0-1.413-1.161-3.18-3.275-3.25%22%2F%3E%3Cpath%20fill%3D%22%23bb1d80%22%20d%3D%22M16%2027c-1.652%200-3-1.348-3-3s1.348-3%203-3s3%201.348%203%203s-1.348%203-3%203%22%2F%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M22.994%2011.012a1.5%201.5%200%200%200-1.362%201.626l.394%204.446l-.029.013L18.8%2015.25a1.5%201.5%200%201%200-1.5%202.598l.079.046a1.5%201.5%200%200%200-.579%202.79l2.473%201.427c.64.444.995.984%201.355%201.533c.438.666.884%201.345%201.855%201.877c2.002.863%204.026.508%205.253-.719c.91-.91%201.204-2.215%201.473-3.41c.132-.585.257-1.144.447-1.617l1.152-2.716c.37-.656.124-1.505-.547-1.89c-.668-.383-1.503-.162-1.865.494l-1.145%201.824V13a1.5%201.5%200%200%200-2.685-.92a1.5%201.5%200%200%200-1.57-1.068M6.92%2012.8a1.37%201.37%200%200%201%201.82-.54c.514.271.764.829.661%201.367l.368-.65a1.436%201.436%200%200%201%201.905-.564c.674.354.914%201.182.537%201.849l-.1.175a1.4%201.4%200%200%201%20.906.138c.674.355.915%201.183.537%201.85l-.323.57c.31-.05.637.002.924.17a1.32%201.32%200%200%201%20.434%201.876l-3.594%205.5a4.82%204.82%200%200%201-2.463%202.144c-2.476.968-5.26-.235-6.218-2.687a4.7%204.7%200%200%201-.292-2.279a2%202%200%200%201-.002-.138l.082-2.532l-.304-3.035c-.075-.75.49-1.428%201.26-1.512c.765-.083%201.44.454%201.51%201.2l.099%201.076z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23ffb02e%22%20d%3D%22M16%2029.998c9.334%200%2013.998-6.268%2013.998-14C29.998%208.269%2025.334%202%2015.999%202C6.665%202%202%208.268%202%2015.999s4.665%2013.999%2014%2013.999%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22%2020a5%205%200%201%201%200-10a5%205%200%200%201%200%2010%22%2F%3E%3Cpath%20fill%3D%22%23402a32%22%20d%3D%22M21.5%2019a2.5%202.5%200%201%201%200-5a2.5%202.5%200%200%201%200%205M10.775%207a.75.75%200%200%200-.05-1.5C7.674%205.603%206%208.163%206%2010.25a.75.75%200%200%200%201.5%200c0-1.413%201.161-3.18%203.275-3.25m10.95%200a.75.75%200%200%201%20.05-1.5c3.051.103%204.725%202.663%204.725%204.75a.75.75%200%200%201-1.5%200c0-1.413-1.161-3.18-3.275-3.25%22%2F%3E%3Cpath%20fill%3D%22%23bb1d80%22%20d%3D%22M16%2027c-1.652%200-3-1.348-3-3s1.348-3%203-3s3%201.348%203%203s-1.348%203-3%203%22%2F%3E%3Cpath%20fill%3D%22%23ff822d%22%20d%3D%22M22.994%2011.012a1.5%201.5%200%200%200-1.362%201.626l.394%204.446l-.029.013L18.8%2015.25a1.5%201.5%200%201%200-1.5%202.598l.079.046a1.5%201.5%200%200%200-.579%202.79l2.473%201.427c.64.444.995.984%201.355%201.533c.438.666.884%201.345%201.855%201.877c2.002.863%204.026.508%205.253-.719c.91-.91%201.204-2.215%201.473-3.41c.132-.585.257-1.144.447-1.617l1.152-2.716c.37-.656.124-1.505-.547-1.89c-.668-.383-1.503-.162-1.865.494l-1.145%201.824V13a1.5%201.5%200%200%200-2.685-.92a1.5%201.5%200%200%200-1.57-1.068M6.92%2012.8a1.37%201.37%200%200%201%201.82-.54c.514.271.764.829.661%201.367l.368-.65a1.436%201.436%200%200%201%201.905-.564c.674.354.914%201.182.537%201.849l-.1.175a1.4%201.4%200%200%201%20.906.138c.674.355.915%201.183.537%201.85l-.323.57c.31-.05.637.002.924.17a1.32%201.32%200%200%201%20.434%201.876l-3.594%205.5a4.82%204.82%200%200%201-2.463%202.144c-2.476.968-5.26-.235-6.218-2.687a4.7%204.7%200%200%201-.292-2.279a2%202%200%200%201-.002-.138l.082-2.532l-.304-3.035c-.075-.75.49-1.428%201.26-1.512c.765-.083%201.44.454%201.51%201.2l.099%201.076z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-flat/face-with-peeking-eye.svg?color=%231a73e8&size=48