face with peeking eye emoji

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

Name
face-with-peeking-eye
Set
Fluent Emoji High Contrast
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 Flatface-with-peeking-eyeNoto Emojiface-with-peeking-eyeOpenMojiface-with-peeking-eyeTwitter Emoji

More smileys & emotion icons from Fluent Emoji High Contrast

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="currentColor"><path d="M8.896 27.617a6 6 0 0 0 .306-.13c1.829.957 4.086 1.51 6.797 1.51c2.804 0 5.122-.592 6.983-1.61l.019.011l.042.023l.043.019a6.6 6.6 0 0 0 2.605.556C23.245 29.9 19.994 30.998 16 30.998c-3.99 0-7.238-1.096-9.683-2.996a5.8 5.8 0 0 0 2.58-.385m18.114-.806c-.898.264-1.927.253-2.972-.08a6 6 0 0 1-.557-.21c-.971-.532-1.417-1.21-1.855-1.877c-.36-.549-.716-1.09-1.355-1.533l-2.473-1.428a1.5 1.5 0 0 1 .58-2.79l-.08-.045a1.5 1.5 0 0 1 1.5-2.598l3.198 1.847l.03-.013l-.395-4.446l-.002-.026a1.5 1.5 0 0 1 2.935-.532a1.5 1.5 0 0 1 2.685.92v4.487l1.145-1.824c.362-.656 1.197-.877 1.865-.494c.67.385.917 1.234.547 1.89l-1.152 2.715c-.19.474-.315 1.033-.447 1.618c-.269 1.195-.563 2.5-1.473 3.41a4 4 0 0 1-1.724 1.01"/><path d="M21.636 13.727a2.5 2.5 0 0 1 .242-1.314a2.5 2.5 0 0 0-3.768 2.82a2.5 2.5 0 0 1 2.19.151l1.563.903z"/><path d="M29.25 14a2.5 2.5 0 0 0-.658-1.69c-.498-2.144-1.448-4.033-2.828-5.532C23.647 4.48 20.43 3 15.999 3c-4.43 0-7.648 1.48-9.764 3.778c-1.63 1.769-2.66 4.082-3.053 6.716a2.43 2.43 0 0 0-2.148 1.347c.213-3.614 1.436-6.927 3.73-9.418C7.314 2.654 11.095 1 15.999 1s8.686 1.654 11.236 4.423c2.331 2.532 3.556 5.912 3.739 9.595a2.36 2.36 0 0 0-1.724.36zM13 25c0 1.652 1.348 3 3 3s3-1.348 3-3s-1.348-3-3-3s-3 1.348-3 3"/><path d="M6.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.925.17a1.32 1.32 0 0 1 .433 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.076zm4.58-6.575a.75.75 0 0 1-.725.775C8.661 7.07 7.5 8.837 7.5 10.25a.75.75 0 0 1-1.5 0c0-2.087 1.674-4.647 4.725-4.75a.75.75 0 0 1 .775.725m9.5 0a.75.75 0 0 0 .725.775C23.839 7.07 25 8.837 25 10.25a.75.75 0 0 0 1.5 0c0-2.087-1.674-4.647-4.725-4.75a.75.75 0 0 0-.774.725"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastFaceWithPeekingEye(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.896 27.617a6 6 0 0 0 .306-.13c1.829.957 4.086 1.51 6.797 1.51c2.804 0 5.122-.592 6.983-1.61l.019.011l.042.023l.043.019a6.6 6.6 0 0 0 2.605.556C23.245 29.9 19.994 30.998 16 30.998c-3.99 0-7.238-1.096-9.683-2.996a5.8 5.8 0 0 0 2.58-.385m18.114-.806c-.898.264-1.927.253-2.972-.08a6 6 0 0 1-.557-.21c-.971-.532-1.417-1.21-1.855-1.877c-.36-.549-.716-1.09-1.355-1.533l-2.473-1.428a1.5 1.5 0 0 1 .58-2.79l-.08-.045a1.5 1.5 0 0 1 1.5-2.598l3.198 1.847l.03-.013l-.395-4.446l-.002-.026a1.5 1.5 0 0 1 2.935-.532a1.5 1.5 0 0 1 2.685.92v4.487l1.145-1.824c.362-.656 1.197-.877 1.865-.494c.67.385.917 1.234.547 1.89l-1.152 2.715c-.19.474-.315 1.033-.447 1.618c-.269 1.195-.563 2.5-1.473 3.41a4 4 0 0 1-1.724 1.01"/><path d="M21.636 13.727a2.5 2.5 0 0 1 .242-1.314a2.5 2.5 0 0 0-3.768 2.82a2.5 2.5 0 0 1 2.19.151l1.563.903z"/><path d="M29.25 14a2.5 2.5 0 0 0-.658-1.69c-.498-2.144-1.448-4.033-2.828-5.532C23.647 4.48 20.43 3 15.999 3c-4.43 0-7.648 1.48-9.764 3.778c-1.63 1.769-2.66 4.082-3.053 6.716a2.43 2.43 0 0 0-2.148 1.347c.213-3.614 1.436-6.927 3.73-9.418C7.314 2.654 11.095 1 15.999 1s8.686 1.654 11.236 4.423c2.331 2.532 3.556 5.912 3.739 9.595a2.36 2.36 0 0 0-1.724.36zM13 25c0 1.652 1.348 3 3 3s3-1.348 3-3s-1.348-3-3-3s-3 1.348-3 3"/><path d="M6.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.925.17a1.32 1.32 0 0 1 .433 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.076zm4.58-6.575a.75.75 0 0 1-.725.775C8.661 7.07 7.5 8.837 7.5 10.25a.75.75 0 0 1-1.5 0c0-2.087 1.674-4.647 4.725-4.75a.75.75 0 0 1 .775.725m9.5 0a.75.75 0 0 0 .725.775C23.839 7.07 25 8.837 25 10.25a.75.75 0 0 0 1.5 0c0-2.087-1.674-4.647-4.725-4.75a.75.75 0 0 0-.774.725"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M8.896 27.617a6 6 0 0 0 .306-.13c1.829.957 4.086 1.51 6.797 1.51c2.804 0 5.122-.592 6.983-1.61l.019.011l.042.023l.043.019a6.6 6.6 0 0 0 2.605.556C23.245 29.9 19.994 30.998 16 30.998c-3.99 0-7.238-1.096-9.683-2.996a5.8 5.8 0 0 0 2.58-.385m18.114-.806c-.898.264-1.927.253-2.972-.08a6 6 0 0 1-.557-.21c-.971-.532-1.417-1.21-1.855-1.877c-.36-.549-.716-1.09-1.355-1.533l-2.473-1.428a1.5 1.5 0 0 1 .58-2.79l-.08-.045a1.5 1.5 0 0 1 1.5-2.598l3.198 1.847l.03-.013l-.395-4.446l-.002-.026a1.5 1.5 0 0 1 2.935-.532a1.5 1.5 0 0 1 2.685.92v4.487l1.145-1.824c.362-.656 1.197-.877 1.865-.494c.67.385.917 1.234.547 1.89l-1.152 2.715c-.19.474-.315 1.033-.447 1.618c-.269 1.195-.563 2.5-1.473 3.41a4 4 0 0 1-1.724 1.01"/><path d="M21.636 13.727a2.5 2.5 0 0 1 .242-1.314a2.5 2.5 0 0 0-3.768 2.82a2.5 2.5 0 0 1 2.19.151l1.563.903z"/><path d="M29.25 14a2.5 2.5 0 0 0-.658-1.69c-.498-2.144-1.448-4.033-2.828-5.532C23.647 4.48 20.43 3 15.999 3c-4.43 0-7.648 1.48-9.764 3.778c-1.63 1.769-2.66 4.082-3.053 6.716a2.43 2.43 0 0 0-2.148 1.347c.213-3.614 1.436-6.927 3.73-9.418C7.314 2.654 11.095 1 15.999 1s8.686 1.654 11.236 4.423c2.331 2.532 3.556 5.912 3.739 9.595a2.36 2.36 0 0 0-1.724.36zM13 25c0 1.652 1.348 3 3 3s3-1.348 3-3s-1.348-3-3-3s-3 1.348-3 3"/><path d="M6.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.925.17a1.32 1.32 0 0 1 .433 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.076zm4.58-6.575a.75.75 0 0 1-.725.775C8.661 7.07 7.5 8.837 7.5 10.25a.75.75 0 0 1-1.5 0c0-2.087 1.674-4.647 4.725-4.75a.75.75 0 0 1 .775.725m9.5 0a.75.75 0 0 0 .725.775C23.839 7.07 25 8.837 25 10.25a.75.75 0 0 0 1.5 0c0-2.087-1.674-4.647-4.725-4.75a.75.75 0 0 0-.774.725"/></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%22currentColor%22%3E%3Cpath%20d%3D%22M8.896%2027.617a6%206%200%200%200%20.306-.13c1.829.957%204.086%201.51%206.797%201.51c2.804%200%205.122-.592%206.983-1.61l.019.011l.042.023l.043.019a6.6%206.6%200%200%200%202.605.556C23.245%2029.9%2019.994%2030.998%2016%2030.998c-3.99%200-7.238-1.096-9.683-2.996a5.8%205.8%200%200%200%202.58-.385m18.114-.806c-.898.264-1.927.253-2.972-.08a6%206%200%200%201-.557-.21c-.971-.532-1.417-1.21-1.855-1.877c-.36-.549-.716-1.09-1.355-1.533l-2.473-1.428a1.5%201.5%200%200%201%20.58-2.79l-.08-.045a1.5%201.5%200%200%201%201.5-2.598l3.198%201.847l.03-.013l-.395-4.446l-.002-.026a1.5%201.5%200%200%201%202.935-.532a1.5%201.5%200%200%201%202.685.92v4.487l1.145-1.824c.362-.656%201.197-.877%201.865-.494c.67.385.917%201.234.547%201.89l-1.152%202.715c-.19.474-.315%201.033-.447%201.618c-.269%201.195-.563%202.5-1.473%203.41a4%204%200%200%201-1.724%201.01%22%2F%3E%3Cpath%20d%3D%22M21.636%2013.727a2.5%202.5%200%200%201%20.242-1.314a2.5%202.5%200%200%200-3.768%202.82a2.5%202.5%200%200%201%202.19.151l1.563.903z%22%2F%3E%3Cpath%20d%3D%22M29.25%2014a2.5%202.5%200%200%200-.658-1.69c-.498-2.144-1.448-4.033-2.828-5.532C23.647%204.48%2020.43%203%2015.999%203c-4.43%200-7.648%201.48-9.764%203.778c-1.63%201.769-2.66%204.082-3.053%206.716a2.43%202.43%200%200%200-2.148%201.347c.213-3.614%201.436-6.927%203.73-9.418C7.314%202.654%2011.095%201%2015.999%201s8.686%201.654%2011.236%204.423c2.331%202.532%203.556%205.912%203.739%209.595a2.36%202.36%200%200%200-1.724.36zM13%2025c0%201.652%201.348%203%203%203s3-1.348%203-3s-1.348-3-3-3s-3%201.348-3%203%22%2F%3E%3Cpath%20d%3D%22M6.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.925.17a1.32%201.32%200%200%201%20.433%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.076zm4.58-6.575a.75.75%200%200%201-.725.775C8.661%207.07%207.5%208.837%207.5%2010.25a.75.75%200%200%201-1.5%200c0-2.087%201.674-4.647%204.725-4.75a.75.75%200%200%201%20.775.725m9.5%200a.75.75%200%200%200%20.725.775C23.839%207.07%2025%208.837%2025%2010.25a.75.75%200%200%200%201.5%200c0-2.087-1.674-4.647-4.725-4.75a.75.75%200%200%200-.774.725%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%22currentColor%22%3E%3Cpath%20d%3D%22M8.896%2027.617a6%206%200%200%200%20.306-.13c1.829.957%204.086%201.51%206.797%201.51c2.804%200%205.122-.592%206.983-1.61l.019.011l.042.023l.043.019a6.6%206.6%200%200%200%202.605.556C23.245%2029.9%2019.994%2030.998%2016%2030.998c-3.99%200-7.238-1.096-9.683-2.996a5.8%205.8%200%200%200%202.58-.385m18.114-.806c-.898.264-1.927.253-2.972-.08a6%206%200%200%201-.557-.21c-.971-.532-1.417-1.21-1.855-1.877c-.36-.549-.716-1.09-1.355-1.533l-2.473-1.428a1.5%201.5%200%200%201%20.58-2.79l-.08-.045a1.5%201.5%200%200%201%201.5-2.598l3.198%201.847l.03-.013l-.395-4.446l-.002-.026a1.5%201.5%200%200%201%202.935-.532a1.5%201.5%200%200%201%202.685.92v4.487l1.145-1.824c.362-.656%201.197-.877%201.865-.494c.67.385.917%201.234.547%201.89l-1.152%202.715c-.19.474-.315%201.033-.447%201.618c-.269%201.195-.563%202.5-1.473%203.41a4%204%200%200%201-1.724%201.01%22%2F%3E%3Cpath%20d%3D%22M21.636%2013.727a2.5%202.5%200%200%201%20.242-1.314a2.5%202.5%200%200%200-3.768%202.82a2.5%202.5%200%200%201%202.19.151l1.563.903z%22%2F%3E%3Cpath%20d%3D%22M29.25%2014a2.5%202.5%200%200%200-.658-1.69c-.498-2.144-1.448-4.033-2.828-5.532C23.647%204.48%2020.43%203%2015.999%203c-4.43%200-7.648%201.48-9.764%203.778c-1.63%201.769-2.66%204.082-3.053%206.716a2.43%202.43%200%200%200-2.148%201.347c.213-3.614%201.436-6.927%203.73-9.418C7.314%202.654%2011.095%201%2015.999%201s8.686%201.654%2011.236%204.423c2.331%202.532%203.556%205.912%203.739%209.595a2.36%202.36%200%200%200-1.724.36zM13%2025c0%201.652%201.348%203%203%203s3-1.348%203-3s-1.348-3-3-3s-3%201.348-3%203%22%2F%3E%3Cpath%20d%3D%22M6.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.925.17a1.32%201.32%200%200%201%20.433%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.076zm4.58-6.575a.75.75%200%200%201-.725.775C8.661%207.07%207.5%208.837%207.5%2010.25a.75.75%200%200%201-1.5%200c0-2.087%201.674-4.647%204.725-4.75a.75.75%200%200%201%20.775.725m9.5%200a.75.75%200%200%200%20.725.775C23.839%207.07%2025%208.837%2025%2010.25a.75.75%200%200%200%201.5%200c0-2.087-1.674-4.647-4.725-4.75a.75.75%200%200%200-.774.725%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-high-contrast/face-with-peeking-eye.svg?color=%231a73e8&size=48