face in clouds emoji

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

Name
face-in-clouds
Set
Fluent Emoji High Contrast
Style
Default
Category
Smileys & Emotion
Viewbox
32×32
License
MIT

The same emoji in other sets

face-in-cloudsFluent Emojiface-in-cloudsFluent Emoji Flatface-in-cloudsNoto Emojiface-in-cloudsOpenMojiface-in-cloudsTwitter 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 in clouds emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M4.999 9.85L5 10a6.99 6.99 0 0 1-2.51 5.37A7 7 0 0 1 0 16.71V0h32v18.712a8.54 8.54 0 0 1-3.09-3.38a8.47 8.47 0 0 1-.891-4.4a8.45 8.45 0 0 1 1.554-4.36a8.53 8.53 0 0 0-3.047 3.978a7 7 0 0 1-2.895-2.059a6.47 6.47 0 0 0 1.35-3.496a6.5 6.5 0 0 1-2.241 2.141a6.5 6.5 0 0 1-9.721-6.13A6.47 6.47 0 0 0 12 4.5c0 .887.178 1.732.499 2.502a7.49 7.49 0 0 1-5.573 2.986h.002a7.01 7.01 0 0 0-4.84-5.672a6.99 6.99 0 0 1 2.91 5.534"/><path d="M0 18.71a7 7 0 0 0 3.718-2.671A5.5 5.5 0 0 1 5.978 20H6a7.98 7.98 0 0 1 5.984 2.69a4.502 4.502 0 0 1 7.76 1.313c.95.027 1.86.21 2.706.523a7.02 7.02 0 0 1 4.604-4.252a5.48 5.48 0 0 1 .629-3.43A8.53 8.53 0 0 0 32 21.248v3.73a5.5 5.5 0 0 1-3.819-2.072A5.51 5.51 0 0 0 32 26.793V32h-1.374a8.52 8.52 0 0 0-5.022-5.415A8.47 8.47 0 0 1 27.985 32h-16.97a8.45 8.45 0 0 1 1.04-3.605A4.48 4.48 0 0 1 11 25.5q0-.488.1-.948c-.685.79-1.1 1.82-1.1 2.948c0 .453.067.89.192 1.303A8.5 8.5 0 0 0 8.374 32H0v-3.022a5.5 5.5 0 0 0 4.997-5.311A5.49 5.49 0 0 1 0 25.977z"/><path d="M14 14a3 3 0 1 1-6 0a3 3 0 0 1 6 0m10 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHighContrastFaceInClouds(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="M4.999 9.85L5 10a6.99 6.99 0 0 1-2.51 5.37A7 7 0 0 1 0 16.71V0h32v18.712a8.54 8.54 0 0 1-3.09-3.38a8.47 8.47 0 0 1-.891-4.4a8.45 8.45 0 0 1 1.554-4.36a8.53 8.53 0 0 0-3.047 3.978a7 7 0 0 1-2.895-2.059a6.47 6.47 0 0 0 1.35-3.496a6.5 6.5 0 0 1-2.241 2.141a6.5 6.5 0 0 1-9.721-6.13A6.47 6.47 0 0 0 12 4.5c0 .887.178 1.732.499 2.502a7.49 7.49 0 0 1-5.573 2.986h.002a7.01 7.01 0 0 0-4.84-5.672a6.99 6.99 0 0 1 2.91 5.534"/><path d="M0 18.71a7 7 0 0 0 3.718-2.671A5.5 5.5 0 0 1 5.978 20H6a7.98 7.98 0 0 1 5.984 2.69a4.502 4.502 0 0 1 7.76 1.313c.95.027 1.86.21 2.706.523a7.02 7.02 0 0 1 4.604-4.252a5.48 5.48 0 0 1 .629-3.43A8.53 8.53 0 0 0 32 21.248v3.73a5.5 5.5 0 0 1-3.819-2.072A5.51 5.51 0 0 0 32 26.793V32h-1.374a8.52 8.52 0 0 0-5.022-5.415A8.47 8.47 0 0 1 27.985 32h-16.97a8.45 8.45 0 0 1 1.04-3.605A4.48 4.48 0 0 1 11 25.5q0-.488.1-.948c-.685.79-1.1 1.82-1.1 2.948c0 .453.067.89.192 1.303A8.5 8.5 0 0 0 8.374 32H0v-3.022a5.5 5.5 0 0 0 4.997-5.311A5.49 5.49 0 0 1 0 25.977z"/><path d="M14 14a3 3 0 1 1-6 0a3 3 0 0 1 6 0m10 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/></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="M4.999 9.85L5 10a6.99 6.99 0 0 1-2.51 5.37A7 7 0 0 1 0 16.71V0h32v18.712a8.54 8.54 0 0 1-3.09-3.38a8.47 8.47 0 0 1-.891-4.4a8.45 8.45 0 0 1 1.554-4.36a8.53 8.53 0 0 0-3.047 3.978a7 7 0 0 1-2.895-2.059a6.47 6.47 0 0 0 1.35-3.496a6.5 6.5 0 0 1-2.241 2.141a6.5 6.5 0 0 1-9.721-6.13A6.47 6.47 0 0 0 12 4.5c0 .887.178 1.732.499 2.502a7.49 7.49 0 0 1-5.573 2.986h.002a7.01 7.01 0 0 0-4.84-5.672a6.99 6.99 0 0 1 2.91 5.534"/><path d="M0 18.71a7 7 0 0 0 3.718-2.671A5.5 5.5 0 0 1 5.978 20H6a7.98 7.98 0 0 1 5.984 2.69a4.502 4.502 0 0 1 7.76 1.313c.95.027 1.86.21 2.706.523a7.02 7.02 0 0 1 4.604-4.252a5.48 5.48 0 0 1 .629-3.43A8.53 8.53 0 0 0 32 21.248v3.73a5.5 5.5 0 0 1-3.819-2.072A5.51 5.51 0 0 0 32 26.793V32h-1.374a8.52 8.52 0 0 0-5.022-5.415A8.47 8.47 0 0 1 27.985 32h-16.97a8.45 8.45 0 0 1 1.04-3.605A4.48 4.48 0 0 1 11 25.5q0-.488.1-.948c-.685.79-1.1 1.82-1.1 2.948c0 .453.067.89.192 1.303A8.5 8.5 0 0 0 8.374 32H0v-3.022a5.5 5.5 0 0 0 4.997-5.311A5.49 5.49 0 0 1 0 25.977z"/><path d="M14 14a3 3 0 1 1-6 0a3 3 0 0 1 6 0m10 0a3 3 0 1 1-6 0a3 3 0 0 1 6 0"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M4.999%209.85L5%2010a6.99%206.99%200%200%201-2.51%205.37A7%207%200%200%201%200%2016.71V0h32v18.712a8.54%208.54%200%200%201-3.09-3.38a8.47%208.47%200%200%201-.891-4.4a8.45%208.45%200%200%201%201.554-4.36a8.53%208.53%200%200%200-3.047%203.978a7%207%200%200%201-2.895-2.059a6.47%206.47%200%200%200%201.35-3.496a6.5%206.5%200%200%201-2.241%202.141a6.5%206.5%200%200%201-9.721-6.13A6.47%206.47%200%200%200%2012%204.5c0%20.887.178%201.732.499%202.502a7.49%207.49%200%200%201-5.573%202.986h.002a7.01%207.01%200%200%200-4.84-5.672a6.99%206.99%200%200%201%202.91%205.534%22%2F%3E%3Cpath%20d%3D%22M0%2018.71a7%207%200%200%200%203.718-2.671A5.5%205.5%200%200%201%205.978%2020H6a7.98%207.98%200%200%201%205.984%202.69a4.502%204.502%200%200%201%207.76%201.313c.95.027%201.86.21%202.706.523a7.02%207.02%200%200%201%204.604-4.252a5.48%205.48%200%200%201%20.629-3.43A8.53%208.53%200%200%200%2032%2021.248v3.73a5.5%205.5%200%200%201-3.819-2.072A5.51%205.51%200%200%200%2032%2026.793V32h-1.374a8.52%208.52%200%200%200-5.022-5.415A8.47%208.47%200%200%201%2027.985%2032h-16.97a8.45%208.45%200%200%201%201.04-3.605A4.48%204.48%200%200%201%2011%2025.5q0-.488.1-.948c-.685.79-1.1%201.82-1.1%202.948c0%20.453.067.89.192%201.303A8.5%208.5%200%200%200%208.374%2032H0v-3.022a5.5%205.5%200%200%200%204.997-5.311A5.49%205.49%200%200%201%200%2025.977z%22%2F%3E%3Cpath%20d%3D%22M14%2014a3%203%200%201%201-6%200a3%203%200%200%201%206%200m10%200a3%203%200%201%201-6%200a3%203%200%200%201%206%200%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%22M4.999%209.85L5%2010a6.99%206.99%200%200%201-2.51%205.37A7%207%200%200%201%200%2016.71V0h32v18.712a8.54%208.54%200%200%201-3.09-3.38a8.47%208.47%200%200%201-.891-4.4a8.45%208.45%200%200%201%201.554-4.36a8.53%208.53%200%200%200-3.047%203.978a7%207%200%200%201-2.895-2.059a6.47%206.47%200%200%200%201.35-3.496a6.5%206.5%200%200%201-2.241%202.141a6.5%206.5%200%200%201-9.721-6.13A6.47%206.47%200%200%200%2012%204.5c0%20.887.178%201.732.499%202.502a7.49%207.49%200%200%201-5.573%202.986h.002a7.01%207.01%200%200%200-4.84-5.672a6.99%206.99%200%200%201%202.91%205.534%22%2F%3E%3Cpath%20d%3D%22M0%2018.71a7%207%200%200%200%203.718-2.671A5.5%205.5%200%200%201%205.978%2020H6a7.98%207.98%200%200%201%205.984%202.69a4.502%204.502%200%200%201%207.76%201.313c.95.027%201.86.21%202.706.523a7.02%207.02%200%200%201%204.604-4.252a5.48%205.48%200%200%201%20.629-3.43A8.53%208.53%200%200%200%2032%2021.248v3.73a5.5%205.5%200%200%201-3.819-2.072A5.51%205.51%200%200%200%2032%2026.793V32h-1.374a8.52%208.52%200%200%200-5.022-5.415A8.47%208.47%200%200%201%2027.985%2032h-16.97a8.45%208.45%200%200%201%201.04-3.605A4.48%204.48%200%200%201%2011%2025.5q0-.488.1-.948c-.685.79-1.1%201.82-1.1%202.948c0%20.453.067.89.192%201.303A8.5%208.5%200%200%200%208.374%2032H0v-3.022a5.5%205.5%200%200%200%204.997-5.311A5.49%205.49%200%200%201%200%2025.977z%22%2F%3E%3Cpath%20d%3D%22M14%2014a3%203%200%201%201-6%200a3%203%200%200%201%206%200m10%200a3%203%200%201%201-6%200a3%203%200%200%201%206%200%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-in-clouds.svg?color=%231a73e8&size=48