face with monocle emoji

face-with-monocle from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.

Name
face-with-monocle
Set
Twitter Emoji
Style
Default
Category
Smileys & Emotion
Viewbox
36×36
License
CC BY 4.0

The same emoji in other sets

face-with-monocleFluent Emojiface-with-monocleFluent Emoji Flatface-with-monocleFluent Emoji High Contrastface-with-monocleNoto Emojiface-with-monocleOpenMojiface-with-monocleStreamline Emojis

More smileys & emotion icons from Twitter Emoji

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

Use the face with monocle emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><ellipse cx="12.176" cy="14.71" fill="#65471b" rx="2.647" ry="3.706"/><circle cx="24.882" cy="14.294" r="6.882" fill="#f4f7f9"/><path fill="#65471b" d="M14.825 9.946c-.322 0-.64-.146-.848-.423c-.991-1.321-2.028-2.029-3.083-2.104c-1.39-.095-2.523.947-2.734 1.158A1.057 1.057 0 1 1 6.663 7.08c.457-.457 2.129-1.936 4.381-1.773c1.695.12 3.251 1.111 4.627 2.945a1.059 1.059 0 0 1-.846 1.694"/><path fill="#292f33" d="M32.824 36a1.06 1.06 0 0 1-1.059-1.059V14.824a1.059 1.059 0 1 1 2.118 0v20.118A1.06 1.06 0 0 1 32.824 36"/><path fill="#67757f" d="M32.824 12.706c-.054 0-.105.012-.158.016c-.732-3.628-3.943-6.369-7.784-6.369c-4.379 0-7.941 3.562-7.941 7.941s3.562 7.941 7.941 7.941c3.468 0 6.416-2.238 7.496-5.343q.216.048.445.049a2.118 2.118 0 0 0 .001-4.235m-7.942 7.412c-3.211 0-5.823-2.612-5.823-5.824s2.613-5.824 5.823-5.824s5.824 2.612 5.824 5.824s-2.613 5.824-5.824 5.824"/><path fill="#65471b" d="M21.175 28.588c-.159 0-.321-.036-.473-.112c-1.819-.91-3.587-.91-5.406 0a1.059 1.059 0 1 1-.947-1.895c2.421-1.21 4.877-1.21 7.3 0a1.06 1.06 0 0 1-.474 2.007"/><path fill="#bdddf4" d="M28.049 9.411a5.8 5.8 0 0 0-3.167-.94a5.824 5.824 0 0 0-5.824 5.824c0 1.169.348 2.255.94 3.167zm-5.652 10.144a5.8 5.8 0 0 0 2.485.563a5.824 5.824 0 0 0 5.824-5.824c0-.89-.206-1.731-.563-2.485z"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiFaceWithMonocle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><ellipse cx="12.176" cy="14.71" fill="#65471b" rx="2.647" ry="3.706"/><circle cx="24.882" cy="14.294" r="6.882" fill="#f4f7f9"/><path fill="#65471b" d="M14.825 9.946c-.322 0-.64-.146-.848-.423c-.991-1.321-2.028-2.029-3.083-2.104c-1.39-.095-2.523.947-2.734 1.158A1.057 1.057 0 1 1 6.663 7.08c.457-.457 2.129-1.936 4.381-1.773c1.695.12 3.251 1.111 4.627 2.945a1.059 1.059 0 0 1-.846 1.694"/><path fill="#292f33" d="M32.824 36a1.06 1.06 0 0 1-1.059-1.059V14.824a1.059 1.059 0 1 1 2.118 0v20.118A1.06 1.06 0 0 1 32.824 36"/><path fill="#67757f" d="M32.824 12.706c-.054 0-.105.012-.158.016c-.732-3.628-3.943-6.369-7.784-6.369c-4.379 0-7.941 3.562-7.941 7.941s3.562 7.941 7.941 7.941c3.468 0 6.416-2.238 7.496-5.343q.216.048.445.049a2.118 2.118 0 0 0 .001-4.235m-7.942 7.412c-3.211 0-5.823-2.612-5.823-5.824s2.613-5.824 5.823-5.824s5.824 2.612 5.824 5.824s-2.613 5.824-5.824 5.824"/><path fill="#65471b" d="M21.175 28.588c-.159 0-.321-.036-.473-.112c-1.819-.91-3.587-.91-5.406 0a1.059 1.059 0 1 1-.947-1.895c2.421-1.21 4.877-1.21 7.3 0a1.06 1.06 0 0 1-.474 2.007"/><path fill="#bdddf4" d="M28.049 9.411a5.8 5.8 0 0 0-3.167-.94a5.824 5.824 0 0 0-5.824 5.824c0 1.169.348 2.255.94 3.167zm-5.652 10.144a5.8 5.8 0 0 0 2.485.563a5.824 5.824 0 0 0 5.824-5.824c0-.89-.206-1.731-.563-2.485z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcb4c" d="M36 18c0 9.941-8.059 18-18 18c-9.94 0-18-8.059-18-18C0 8.06 8.06 0 18 0c9.941 0 18 8.06 18 18"/><ellipse cx="12.176" cy="14.71" fill="#65471b" rx="2.647" ry="3.706"/><circle cx="24.882" cy="14.294" r="6.882" fill="#f4f7f9"/><path fill="#65471b" d="M14.825 9.946c-.322 0-.64-.146-.848-.423c-.991-1.321-2.028-2.029-3.083-2.104c-1.39-.095-2.523.947-2.734 1.158A1.057 1.057 0 1 1 6.663 7.08c.457-.457 2.129-1.936 4.381-1.773c1.695.12 3.251 1.111 4.627 2.945a1.059 1.059 0 0 1-.846 1.694"/><path fill="#292f33" d="M32.824 36a1.06 1.06 0 0 1-1.059-1.059V14.824a1.059 1.059 0 1 1 2.118 0v20.118A1.06 1.06 0 0 1 32.824 36"/><path fill="#67757f" d="M32.824 12.706c-.054 0-.105.012-.158.016c-.732-3.628-3.943-6.369-7.784-6.369c-4.379 0-7.941 3.562-7.941 7.941s3.562 7.941 7.941 7.941c3.468 0 6.416-2.238 7.496-5.343q.216.048.445.049a2.118 2.118 0 0 0 .001-4.235m-7.942 7.412c-3.211 0-5.823-2.612-5.823-5.824s2.613-5.824 5.823-5.824s5.824 2.612 5.824 5.824s-2.613 5.824-5.824 5.824"/><path fill="#65471b" d="M21.175 28.588c-.159 0-.321-.036-.473-.112c-1.819-.91-3.587-.91-5.406 0a1.059 1.059 0 1 1-.947-1.895c2.421-1.21 4.877-1.21 7.3 0a1.06 1.06 0 0 1-.474 2.007"/><path fill="#bdddf4" d="M28.049 9.411a5.8 5.8 0 0 0-3.167-.94a5.824 5.824 0 0 0-5.824 5.824c0 1.169.348 2.255.94 3.167zm-5.652 10.144a5.8 5.8 0 0 0 2.485.563a5.824 5.824 0 0 0 5.824-5.824c0-.89-.206-1.731-.563-2.485z"/></svg>
</template>

CSS

.icon-face-with-monocle {
  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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcb4c%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018c-9.94%200-18-8.059-18-18C0%208.06%208.06%200%2018%200c9.941%200%2018%208.06%2018%2018%22%2F%3E%3Cellipse%20cx%3D%2212.176%22%20cy%3D%2214.71%22%20fill%3D%22%2365471b%22%20rx%3D%222.647%22%20ry%3D%223.706%22%2F%3E%3Ccircle%20cx%3D%2224.882%22%20cy%3D%2214.294%22%20r%3D%226.882%22%20fill%3D%22%23f4f7f9%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M14.825%209.946c-.322%200-.64-.146-.848-.423c-.991-1.321-2.028-2.029-3.083-2.104c-1.39-.095-2.523.947-2.734%201.158A1.057%201.057%200%201%201%206.663%207.08c.457-.457%202.129-1.936%204.381-1.773c1.695.12%203.251%201.111%204.627%202.945a1.059%201.059%200%200%201-.846%201.694%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M32.824%2036a1.06%201.06%200%200%201-1.059-1.059V14.824a1.059%201.059%200%201%201%202.118%200v20.118A1.06%201.06%200%200%201%2032.824%2036%22%2F%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M32.824%2012.706c-.054%200-.105.012-.158.016c-.732-3.628-3.943-6.369-7.784-6.369c-4.379%200-7.941%203.562-7.941%207.941s3.562%207.941%207.941%207.941c3.468%200%206.416-2.238%207.496-5.343q.216.048.445.049a2.118%202.118%200%200%200%20.001-4.235m-7.942%207.412c-3.211%200-5.823-2.612-5.823-5.824s2.613-5.824%205.823-5.824s5.824%202.612%205.824%205.824s-2.613%205.824-5.824%205.824%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M21.175%2028.588c-.159%200-.321-.036-.473-.112c-1.819-.91-3.587-.91-5.406%200a1.059%201.059%200%201%201-.947-1.895c2.421-1.21%204.877-1.21%207.3%200a1.06%201.06%200%200%201-.474%202.007%22%2F%3E%3Cpath%20fill%3D%22%23bdddf4%22%20d%3D%22M28.049%209.411a5.8%205.8%200%200%200-3.167-.94a5.824%205.824%200%200%200-5.824%205.824c0%201.169.348%202.255.94%203.167zm-5.652%2010.144a5.8%205.8%200%200%200%202.485.563a5.824%205.824%200%200%200%205.824-5.824c0-.89-.206-1.731-.563-2.485z%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%2036%2036%22%3E%3Cpath%20fill%3D%22%23ffcb4c%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018c-9.94%200-18-8.059-18-18C0%208.06%208.06%200%2018%200c9.941%200%2018%208.06%2018%2018%22%2F%3E%3Cellipse%20cx%3D%2212.176%22%20cy%3D%2214.71%22%20fill%3D%22%2365471b%22%20rx%3D%222.647%22%20ry%3D%223.706%22%2F%3E%3Ccircle%20cx%3D%2224.882%22%20cy%3D%2214.294%22%20r%3D%226.882%22%20fill%3D%22%23f4f7f9%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M14.825%209.946c-.322%200-.64-.146-.848-.423c-.991-1.321-2.028-2.029-3.083-2.104c-1.39-.095-2.523.947-2.734%201.158A1.057%201.057%200%201%201%206.663%207.08c.457-.457%202.129-1.936%204.381-1.773c1.695.12%203.251%201.111%204.627%202.945a1.059%201.059%200%200%201-.846%201.694%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M32.824%2036a1.06%201.06%200%200%201-1.059-1.059V14.824a1.059%201.059%200%201%201%202.118%200v20.118A1.06%201.06%200%200%201%2032.824%2036%22%2F%3E%3Cpath%20fill%3D%22%2367757f%22%20d%3D%22M32.824%2012.706c-.054%200-.105.012-.158.016c-.732-3.628-3.943-6.369-7.784-6.369c-4.379%200-7.941%203.562-7.941%207.941s3.562%207.941%207.941%207.941c3.468%200%206.416-2.238%207.496-5.343q.216.048.445.049a2.118%202.118%200%200%200%20.001-4.235m-7.942%207.412c-3.211%200-5.823-2.612-5.823-5.824s2.613-5.824%205.823-5.824s5.824%202.612%205.824%205.824s-2.613%205.824-5.824%205.824%22%2F%3E%3Cpath%20fill%3D%22%2365471b%22%20d%3D%22M21.175%2028.588c-.159%200-.321-.036-.473-.112c-1.819-.91-3.587-.91-5.406%200a1.059%201.059%200%201%201-.947-1.895c2.421-1.21%204.877-1.21%207.3%200a1.06%201.06%200%200%201-.474%202.007%22%2F%3E%3Cpath%20fill%3D%22%23bdddf4%22%20d%3D%22M28.049%209.411a5.8%205.8%200%200%200-3.167-.94a5.824%205.824%200%200%200-5.824%205.824c0%201.169.348%202.255.94%203.167zm-5.652%2010.144a5.8%205.8%200%200%200%202.485.563a5.824%205.824%200%200%200%205.824-5.824c0-.89-.206-1.731-.563-2.485z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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