face in clouds emoji

face-in-clouds from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.

Name
face-in-clouds
Set
OpenMoji
Style
Default
Category
Smileys Emotion
Viewbox
72×72
License
CC BY-SA 4.0

The same emoji in other sets

face-in-cloudsFluent Emojiface-in-cloudsFluent Emoji Flatface-in-cloudsFluent Emoji High Contrastface-in-cloudsNoto Emojiface-in-cloudsTwitter Emoji

More smileys emotion icons from OpenMoji

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-facecracking-facecrying-cat

Use the face in clouds emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M32.4 25.2a4.913 4.913 0 0 0 4.7-5.1a4.83 4.83 0 0 0-4.3-4.6a3.83 3.83 0 0 0-3.6-3.8a3.46 3.46 0 0 0-3.3 2.3a4.703 4.703 0 0 0-7 4a4 4 0 0 0-1.5-.3a3.805 3.805 0 0 0 0 7.6h15Z"/><path fill="#fcea2b" d="M36 17.6A18.4 18.4 0 1 0 54.4 36A18.35 18.35 0 0 0 36 17.6"/><path fill="#fff" d="M18.4 54.4a6.736 6.736 0 0 1-.6-13.4a5.04 5.04 0 0 1 4.9-5.2a4.85 4.85 0 0 1 4.5 3.2a5.6 5.6 0 0 1 3.1-.9a6.424 6.424 0 0 1 6.3 6.4a4.55 4.55 0 0 1 2-.5a5.17 5.17 0 0 1 4.9 5.5a5.115 5.115 0 0 1-4.9 4.9Z"/><path fill="#d0cfce" d="M53.3 59.9a6.744 6.744 0 0 0 6.8-6.8a6.84 6.84 0 0 0-6.2-6.8a5.335 5.335 0 0 0-5.3-5.3a5.5 5.5 0 0 0-4.9 3.2a6.697 6.697 0 0 0-9.2 2.5a8 8 0 0 0-.9 3a5.28 5.28 0 0 0-4.4 9.6a5.45 5.45 0 0 0 2.2.5h21.9Z"/><path fill="#fff" d="M38.2 27.1a5.55 5.55 0 0 1-5.5-5.5a5.61 5.61 0 0 1 5-5.5a4.27 4.27 0 0 1 4.3-4.3a4.14 4.14 0 0 1 3.9 2.6a5.432 5.432 0 0 1 8.2 4.5a4.21 4.21 0 0 1 5.6 2.1a4.297 4.297 0 0 1-2.1 5.6a3.9 3.9 0 0 1-1.8.4H38.2Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M53.4 29.9a18.2 18.2 0 0 1 1 6.1a18 18 0 0 1-.1 2.3m-36.6-4.2A18.27 18.27 0 0 1 30 18.6"/><path d="M31.2 32a2.4 2.4 0 1 1-2.4-2.4a2.433 2.433 0 0 1 2.4 2.4m14.4 0a2.4 2.4 0 1 1-2.4-2.4a2.433 2.433 0 0 1 2.4 2.4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M31.9 15.3a3.495 3.495 0 0 0-6.7-1.4a4.46 4.46 0 0 0-6.1 1.7a6.6 6.6 0 0 0-.6 2a3.468 3.468 0 1 0-2.9 6.3a3.2 3.2 0 0 0 1.4.3m4.9 29.3h-3.7a6.11 6.11 0 0 1-.5-12.2h0a4.695 4.695 0 0 1 4.7-4.7a4.79 4.79 0 0 1 4.4 2.9a6.114 6.114 0 0 1 7.6 1.3m18.9 19.1a6.744 6.744 0 0 0 6.8-6.8a6.84 6.84 0 0 0-6.2-6.8h0a5.335 5.335 0 0 0-5.3-5.3a5.5 5.5 0 0 0-4.9 3.2a6.697 6.697 0 0 0-9.2 2.5a8 8 0 0 0-.9 3a5.28 5.28 0 0 0-4.4 9.6a5.45 5.45 0 0 0 2.2.5h21.9ZM38.2 27.1a5.55 5.55 0 0 1-5.5-5.5a5.61 5.61 0 0 1 5-5.5h0a4.27 4.27 0 0 1 4.3-4.3a4.14 4.14 0 0 1 3.9 2.6a5.432 5.432 0 0 1 8.2 4.5a4.21 4.21 0 0 1 5.6 2.1a4.297 4.297 0 0 1-2.1 5.6a3.9 3.9 0 0 1-1.8.4H38.2Z"/></svg>

React

import type { SVGProps } from "react";

export function OpenmojiFaceInClouds(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M32.4 25.2a4.913 4.913 0 0 0 4.7-5.1a4.83 4.83 0 0 0-4.3-4.6a3.83 3.83 0 0 0-3.6-3.8a3.46 3.46 0 0 0-3.3 2.3a4.703 4.703 0 0 0-7 4a4 4 0 0 0-1.5-.3a3.805 3.805 0 0 0 0 7.6h15Z"/><path fill="#fcea2b" d="M36 17.6A18.4 18.4 0 1 0 54.4 36A18.35 18.35 0 0 0 36 17.6"/><path fill="#fff" d="M18.4 54.4a6.736 6.736 0 0 1-.6-13.4a5.04 5.04 0 0 1 4.9-5.2a4.85 4.85 0 0 1 4.5 3.2a5.6 5.6 0 0 1 3.1-.9a6.424 6.424 0 0 1 6.3 6.4a4.55 4.55 0 0 1 2-.5a5.17 5.17 0 0 1 4.9 5.5a5.115 5.115 0 0 1-4.9 4.9Z"/><path fill="#d0cfce" d="M53.3 59.9a6.744 6.744 0 0 0 6.8-6.8a6.84 6.84 0 0 0-6.2-6.8a5.335 5.335 0 0 0-5.3-5.3a5.5 5.5 0 0 0-4.9 3.2a6.697 6.697 0 0 0-9.2 2.5a8 8 0 0 0-.9 3a5.28 5.28 0 0 0-4.4 9.6a5.45 5.45 0 0 0 2.2.5h21.9Z"/><path fill="#fff" d="M38.2 27.1a5.55 5.55 0 0 1-5.5-5.5a5.61 5.61 0 0 1 5-5.5a4.27 4.27 0 0 1 4.3-4.3a4.14 4.14 0 0 1 3.9 2.6a5.432 5.432 0 0 1 8.2 4.5a4.21 4.21 0 0 1 5.6 2.1a4.297 4.297 0 0 1-2.1 5.6a3.9 3.9 0 0 1-1.8.4H38.2Z"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M53.4 29.9a18.2 18.2 0 0 1 1 6.1a18 18 0 0 1-.1 2.3m-36.6-4.2A18.27 18.27 0 0 1 30 18.6"/><path d="M31.2 32a2.4 2.4 0 1 1-2.4-2.4a2.433 2.433 0 0 1 2.4 2.4m14.4 0a2.4 2.4 0 1 1-2.4-2.4a2.433 2.433 0 0 1 2.4 2.4"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2" d="M31.9 15.3a3.495 3.495 0 0 0-6.7-1.4a4.46 4.46 0 0 0-6.1 1.7a6.6 6.6 0 0 0-.6 2a3.468 3.468 0 1 0-2.9 6.3a3.2 3.2 0 0 0 1.4.3m4.9 29.3h-3.7a6.11 6.11 0 0 1-.5-12.2h0a4.695 4.695 0 0 1 4.7-4.7a4.79 4.79 0 0 1 4.4 2.9a6.114 6.114 0 0 1 7.6 1.3m18.9 19.1a6.744 6.744 0 0 0 6.8-6.8a6.84 6.84 0 0 0-6.2-6.8h0a5.335 5.335 0 0 0-5.3-5.3a5.5 5.5 0 0 0-4.9 3.2a6.697 6.697 0 0 0-9.2 2.5a8 8 0 0 0-.9 3a5.28 5.28 0 0 0-4.4 9.6a5.45 5.45 0 0 0 2.2.5h21.9ZM38.2 27.1a5.55 5.55 0 0 1-5.5-5.5a5.61 5.61 0 0 1 5-5.5h0a4.27 4.27 0 0 1 4.3-4.3a4.14 4.14 0 0 1 3.9 2.6a5.432 5.432 0 0 1 8.2 4.5a4.21 4.21 0 0 1 5.6 2.1a4.297 4.297 0 0 1-2.1 5.6a3.9 3.9 0 0 1-1.8.4H38.2Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#d0cfce" d="M32.4 25.2a4.913 4.913 0 0 0 4.7-5.1a4.83 4.83 0 0 0-4.3-4.6a3.83 3.83 0 0 0-3.6-3.8a3.46 3.46 0 0 0-3.3 2.3a4.703 4.703 0 0 0-7 4a4 4 0 0 0-1.5-.3a3.805 3.805 0 0 0 0 7.6h15Z"/><path fill="#fcea2b" d="M36 17.6A18.4 18.4 0 1 0 54.4 36A18.35 18.35 0 0 0 36 17.6"/><path fill="#fff" d="M18.4 54.4a6.736 6.736 0 0 1-.6-13.4a5.04 5.04 0 0 1 4.9-5.2a4.85 4.85 0 0 1 4.5 3.2a5.6 5.6 0 0 1 3.1-.9a6.424 6.424 0 0 1 6.3 6.4a4.55 4.55 0 0 1 2-.5a5.17 5.17 0 0 1 4.9 5.5a5.115 5.115 0 0 1-4.9 4.9Z"/><path fill="#d0cfce" d="M53.3 59.9a6.744 6.744 0 0 0 6.8-6.8a6.84 6.84 0 0 0-6.2-6.8a5.335 5.335 0 0 0-5.3-5.3a5.5 5.5 0 0 0-4.9 3.2a6.697 6.697 0 0 0-9.2 2.5a8 8 0 0 0-.9 3a5.28 5.28 0 0 0-4.4 9.6a5.45 5.45 0 0 0 2.2.5h21.9Z"/><path fill="#fff" d="M38.2 27.1a5.55 5.55 0 0 1-5.5-5.5a5.61 5.61 0 0 1 5-5.5a4.27 4.27 0 0 1 4.3-4.3a4.14 4.14 0 0 1 3.9 2.6a5.432 5.432 0 0 1 8.2 4.5a4.21 4.21 0 0 1 5.6 2.1a4.297 4.297 0 0 1-2.1 5.6a3.9 3.9 0 0 1-1.8.4H38.2Z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M53.4 29.9a18.2 18.2 0 0 1 1 6.1a18 18 0 0 1-.1 2.3m-36.6-4.2A18.27 18.27 0 0 1 30 18.6"/><path d="M31.2 32a2.4 2.4 0 1 1-2.4-2.4a2.433 2.433 0 0 1 2.4 2.4m14.4 0a2.4 2.4 0 1 1-2.4-2.4a2.433 2.433 0 0 1 2.4 2.4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M31.9 15.3a3.495 3.495 0 0 0-6.7-1.4a4.46 4.46 0 0 0-6.1 1.7a6.6 6.6 0 0 0-.6 2a3.468 3.468 0 1 0-2.9 6.3a3.2 3.2 0 0 0 1.4.3m4.9 29.3h-3.7a6.11 6.11 0 0 1-.5-12.2h0a4.695 4.695 0 0 1 4.7-4.7a4.79 4.79 0 0 1 4.4 2.9a6.114 6.114 0 0 1 7.6 1.3m18.9 19.1a6.744 6.744 0 0 0 6.8-6.8a6.84 6.84 0 0 0-6.2-6.8h0a5.335 5.335 0 0 0-5.3-5.3a5.5 5.5 0 0 0-4.9 3.2a6.697 6.697 0 0 0-9.2 2.5a8 8 0 0 0-.9 3a5.28 5.28 0 0 0-4.4 9.6a5.45 5.45 0 0 0 2.2.5h21.9ZM38.2 27.1a5.55 5.55 0 0 1-5.5-5.5a5.61 5.61 0 0 1 5-5.5h0a4.27 4.27 0 0 1 4.3-4.3a4.14 4.14 0 0 1 3.9 2.6a5.432 5.432 0 0 1 8.2 4.5a4.21 4.21 0 0 1 5.6 2.1a4.297 4.297 0 0 1-2.1 5.6a3.9 3.9 0 0 1-1.8.4H38.2Z"/></svg>
</template>

CSS

.icon-face-in-clouds {
  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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M32.4%2025.2a4.913%204.913%200%200%200%204.7-5.1a4.83%204.83%200%200%200-4.3-4.6a3.83%203.83%200%200%200-3.6-3.8a3.46%203.46%200%200%200-3.3%202.3a4.703%204.703%200%200%200-7%204a4%204%200%200%200-1.5-.3a3.805%203.805%200%200%200%200%207.6h15Z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M36%2017.6A18.4%2018.4%200%201%200%2054.4%2036A18.35%2018.35%200%200%200%2036%2017.6%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.4%2054.4a6.736%206.736%200%200%201-.6-13.4a5.04%205.04%200%200%201%204.9-5.2a4.85%204.85%200%200%201%204.5%203.2a5.6%205.6%200%200%201%203.1-.9a6.424%206.424%200%200%201%206.3%206.4a4.55%204.55%200%200%201%202-.5a5.17%205.17%200%200%201%204.9%205.5a5.115%205.115%200%200%201-4.9%204.9Z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M53.3%2059.9a6.744%206.744%200%200%200%206.8-6.8a6.84%206.84%200%200%200-6.2-6.8a5.335%205.335%200%200%200-5.3-5.3a5.5%205.5%200%200%200-4.9%203.2a6.697%206.697%200%200%200-9.2%202.5a8%208%200%200%200-.9%203a5.28%205.28%200%200%200-4.4%209.6a5.45%205.45%200%200%200%202.2.5h21.9Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.2%2027.1a5.55%205.55%200%200%201-5.5-5.5a5.61%205.61%200%200%201%205-5.5a4.27%204.27%200%200%201%204.3-4.3a4.14%204.14%200%200%201%203.9%202.6a5.432%205.432%200%200%201%208.2%204.5a4.21%204.21%200%200%201%205.6%202.1a4.297%204.297%200%200%201-2.1%205.6a3.9%203.9%200%200%201-1.8.4H38.2Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M53.4%2029.9a18.2%2018.2%200%200%201%201%206.1a18%2018%200%200%201-.1%202.3m-36.6-4.2A18.27%2018.27%200%200%201%2030%2018.6%22%2F%3E%3Cpath%20d%3D%22M31.2%2032a2.4%202.4%200%201%201-2.4-2.4a2.433%202.433%200%200%201%202.4%202.4m14.4%200a2.4%202.4%200%201%201-2.4-2.4a2.433%202.433%200%200%201%202.4%202.4%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M31.9%2015.3a3.495%203.495%200%200%200-6.7-1.4a4.46%204.46%200%200%200-6.1%201.7a6.6%206.6%200%200%200-.6%202a3.468%203.468%200%201%200-2.9%206.3a3.2%203.2%200%200%200%201.4.3m4.9%2029.3h-3.7a6.11%206.11%200%200%201-.5-12.2h0a4.695%204.695%200%200%201%204.7-4.7a4.79%204.79%200%200%201%204.4%202.9a6.114%206.114%200%200%201%207.6%201.3m18.9%2019.1a6.744%206.744%200%200%200%206.8-6.8a6.84%206.84%200%200%200-6.2-6.8h0a5.335%205.335%200%200%200-5.3-5.3a5.5%205.5%200%200%200-4.9%203.2a6.697%206.697%200%200%200-9.2%202.5a8%208%200%200%200-.9%203a5.28%205.28%200%200%200-4.4%209.6a5.45%205.45%200%200%200%202.2.5h21.9ZM38.2%2027.1a5.55%205.55%200%200%201-5.5-5.5a5.61%205.61%200%200%201%205-5.5h0a4.27%204.27%200%200%201%204.3-4.3a4.14%204.14%200%200%201%203.9%202.6a5.432%205.432%200%200%201%208.2%204.5a4.21%204.21%200%200%201%205.6%202.1a4.297%204.297%200%200%201-2.1%205.6a3.9%203.9%200%200%201-1.8.4H38.2Z%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M32.4%2025.2a4.913%204.913%200%200%200%204.7-5.1a4.83%204.83%200%200%200-4.3-4.6a3.83%203.83%200%200%200-3.6-3.8a3.46%203.46%200%200%200-3.3%202.3a4.703%204.703%200%200%200-7%204a4%204%200%200%200-1.5-.3a3.805%203.805%200%200%200%200%207.6h15Z%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M36%2017.6A18.4%2018.4%200%201%200%2054.4%2036A18.35%2018.35%200%200%200%2036%2017.6%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M18.4%2054.4a6.736%206.736%200%200%201-.6-13.4a5.04%205.04%200%200%201%204.9-5.2a4.85%204.85%200%200%201%204.5%203.2a5.6%205.6%200%200%201%203.1-.9a6.424%206.424%200%200%201%206.3%206.4a4.55%204.55%200%200%201%202-.5a5.17%205.17%200%200%201%204.9%205.5a5.115%205.115%200%200%201-4.9%204.9Z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22M53.3%2059.9a6.744%206.744%200%200%200%206.8-6.8a6.84%206.84%200%200%200-6.2-6.8a5.335%205.335%200%200%200-5.3-5.3a5.5%205.5%200%200%200-4.9%203.2a6.697%206.697%200%200%200-9.2%202.5a8%208%200%200%200-.9%203a5.28%205.28%200%200%200-4.4%209.6a5.45%205.45%200%200%200%202.2.5h21.9Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M38.2%2027.1a5.55%205.55%200%200%201-5.5-5.5a5.61%205.61%200%200%201%205-5.5a4.27%204.27%200%200%201%204.3-4.3a4.14%204.14%200%200%201%203.9%202.6a5.432%205.432%200%200%201%208.2%204.5a4.21%204.21%200%200%201%205.6%202.1a4.297%204.297%200%200%201-2.1%205.6a3.9%203.9%200%200%201-1.8.4H38.2Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M53.4%2029.9a18.2%2018.2%200%200%201%201%206.1a18%2018%200%200%201-.1%202.3m-36.6-4.2A18.27%2018.27%200%200%201%2030%2018.6%22%2F%3E%3Cpath%20d%3D%22M31.2%2032a2.4%202.4%200%201%201-2.4-2.4a2.433%202.433%200%200%201%202.4%202.4m14.4%200a2.4%202.4%200%201%201-2.4-2.4a2.433%202.433%200%200%201%202.4%202.4%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M31.9%2015.3a3.495%203.495%200%200%200-6.7-1.4a4.46%204.46%200%200%200-6.1%201.7a6.6%206.6%200%200%200-.6%202a3.468%203.468%200%201%200-2.9%206.3a3.2%203.2%200%200%200%201.4.3m4.9%2029.3h-3.7a6.11%206.11%200%200%201-.5-12.2h0a4.695%204.695%200%200%201%204.7-4.7a4.79%204.79%200%200%201%204.4%202.9a6.114%206.114%200%200%201%207.6%201.3m18.9%2019.1a6.744%206.744%200%200%200%206.8-6.8a6.84%206.84%200%200%200-6.2-6.8h0a5.335%205.335%200%200%200-5.3-5.3a5.5%205.5%200%200%200-4.9%203.2a6.697%206.697%200%200%200-9.2%202.5a8%208%200%200%200-.9%203a5.28%205.28%200%200%200-4.4%209.6a5.45%205.45%200%200%200%202.2.5h21.9ZM38.2%2027.1a5.55%205.55%200%200%201-5.5-5.5a5.61%205.61%200%200%201%205-5.5h0a4.27%204.27%200%200%201%204.3-4.3a4.14%204.14%200%200%201%203.9%202.6a5.432%205.432%200%200%201%208.2%204.5a4.21%204.21%200%200%201%205.6%202.1a4.297%204.297%200%200%201-2.1%205.6a3.9%203.9%200%200%201-1.8.4H38.2Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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