face with steam from nose emoji

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

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

The same emoji in other sets

face-with-steam-from-noseEmoji One (Colored)face-with-steam-from-noseFluent Emojiface-with-steam-from-noseFluent Emoji Flatface-with-steam-from-noseFluent Emoji High Contrastface-with-steam-from-noseNoto Emojiface-with-steam-from-noseOpenMojiface-with-steam-from-noseStreamline 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 steam from nose emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18S8.059 0 18 0s18 8.059 18 18"/><path fill="#664500" d="M20.001 13a1 1 0 0 1-.987-1.165C19.407 9.471 21.584 5 27 5a1 1 0 1 1 0 2c-5.095 0-5.979 4.954-6.014 5.165a1 1 0 0 1-.985.835m-4.002 0a1 1 0 0 1-.985-.833C14.977 11.957 14.059 7 9 7a1 1 0 0 1 0-2c5.416 0 7.592 4.471 7.986 6.835A1 1 0 0 1 15.999 13m-4.589 4.892c-2.335 0-3.87-.997-3.964-1.06a1 1 0 0 1 1.11-1.664c.099.064 2.602 1.636 5.998-.062a1 1 0 0 1 .895 1.789c-1.495.746-2.868.997-4.039.997m13.181 0c-1.172 0-2.545-.251-4.038-.998a1 1 0 0 1 .895-1.789c3.4 1.7 5.899.126 6.004.059a1.004 1.004 0 0 1 1.382.289a.997.997 0 0 1-.278 1.379c-.096.063-1.631 1.06-3.965 1.06M26.001 27a1 1 0 0 1-.801-.4c-.025-.034-2.782-3.6-7.2-3.6c-4.417 0-7.174 3.566-7.202 3.603a1.003 1.003 0 0 1-1.4.194A1 1 0 0 1 9.2 25.4c.135-.18 3.362-4.4 8.8-4.4s8.665 4.221 8.8 4.4a.998.998 0 0 1-.799 1.6"/><path fill="#f5f8fa" d="M15.391 20.08a1 1 0 0 0-1.239.39l-5 8A1 1 0 0 0 10 30h3a1 1 0 0 0 .97-.758l2-8a1 1 0 0 0-.579-1.162m11.457 8.39l-5-8a.998.998 0 0 0-1.817.772l2 8c.111.446.51.758.969.758h3a1 1 0 0 0 .848-1.53"/><path fill="#e1e8ed" d="M31.982 30.178c.003-.06.018-.117.018-.178c0-1.656-1.344-3-3-3a3 3 0 0 0-2.473 1.305A4 4 0 1 0 25 36a4 4 0 0 0 3.29-1.731A2.995 2.995 0 0 0 34 33a2.99 2.99 0 0 0-2.018-2.822M11 28c-.542 0-1.056.11-1.527.305A3 3 0 0 0 7 27c-1.656 0-3 1.344-3 3c0 .061.014.118.018.178A2.99 2.99 0 0 0 2 33a3 3 0 0 0 3 3a2.99 2.99 0 0 0 2.709-1.731A4 4 0 0 0 11 36a4 4 0 0 0 0-8"/></svg>

React

import type { SVGProps } from "react";

export function TwemojiFaceWithSteamFromNose(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18S8.059 0 18 0s18 8.059 18 18"/><path fill="#664500" d="M20.001 13a1 1 0 0 1-.987-1.165C19.407 9.471 21.584 5 27 5a1 1 0 1 1 0 2c-5.095 0-5.979 4.954-6.014 5.165a1 1 0 0 1-.985.835m-4.002 0a1 1 0 0 1-.985-.833C14.977 11.957 14.059 7 9 7a1 1 0 0 1 0-2c5.416 0 7.592 4.471 7.986 6.835A1 1 0 0 1 15.999 13m-4.589 4.892c-2.335 0-3.87-.997-3.964-1.06a1 1 0 0 1 1.11-1.664c.099.064 2.602 1.636 5.998-.062a1 1 0 0 1 .895 1.789c-1.495.746-2.868.997-4.039.997m13.181 0c-1.172 0-2.545-.251-4.038-.998a1 1 0 0 1 .895-1.789c3.4 1.7 5.899.126 6.004.059a1.004 1.004 0 0 1 1.382.289a.997.997 0 0 1-.278 1.379c-.096.063-1.631 1.06-3.965 1.06M26.001 27a1 1 0 0 1-.801-.4c-.025-.034-2.782-3.6-7.2-3.6c-4.417 0-7.174 3.566-7.202 3.603a1.003 1.003 0 0 1-1.4.194A1 1 0 0 1 9.2 25.4c.135-.18 3.362-4.4 8.8-4.4s8.665 4.221 8.8 4.4a.998.998 0 0 1-.799 1.6"/><path fill="#f5f8fa" d="M15.391 20.08a1 1 0 0 0-1.239.39l-5 8A1 1 0 0 0 10 30h3a1 1 0 0 0 .97-.758l2-8a1 1 0 0 0-.579-1.162m11.457 8.39l-5-8a.998.998 0 0 0-1.817.772l2 8c.111.446.51.758.969.758h3a1 1 0 0 0 .848-1.53"/><path fill="#e1e8ed" d="M31.982 30.178c.003-.06.018-.117.018-.178c0-1.656-1.344-3-3-3a3 3 0 0 0-2.473 1.305A4 4 0 1 0 25 36a4 4 0 0 0 3.29-1.731A2.995 2.995 0 0 0 34 33a2.99 2.99 0 0 0-2.018-2.822M11 28c-.542 0-1.056.11-1.527.305A3 3 0 0 0 7 27c-1.656 0-3 1.344-3 3c0 .061.014.118.018.178A2.99 2.99 0 0 0 2 33a3 3 0 0 0 3 3a2.99 2.99 0 0 0 2.709-1.731A4 4 0 0 0 11 36a4 4 0 0 0 0-8"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><path fill="#ffcc4d" d="M36 18c0 9.941-8.059 18-18 18S0 27.941 0 18S8.059 0 18 0s18 8.059 18 18"/><path fill="#664500" d="M20.001 13a1 1 0 0 1-.987-1.165C19.407 9.471 21.584 5 27 5a1 1 0 1 1 0 2c-5.095 0-5.979 4.954-6.014 5.165a1 1 0 0 1-.985.835m-4.002 0a1 1 0 0 1-.985-.833C14.977 11.957 14.059 7 9 7a1 1 0 0 1 0-2c5.416 0 7.592 4.471 7.986 6.835A1 1 0 0 1 15.999 13m-4.589 4.892c-2.335 0-3.87-.997-3.964-1.06a1 1 0 0 1 1.11-1.664c.099.064 2.602 1.636 5.998-.062a1 1 0 0 1 .895 1.789c-1.495.746-2.868.997-4.039.997m13.181 0c-1.172 0-2.545-.251-4.038-.998a1 1 0 0 1 .895-1.789c3.4 1.7 5.899.126 6.004.059a1.004 1.004 0 0 1 1.382.289a.997.997 0 0 1-.278 1.379c-.096.063-1.631 1.06-3.965 1.06M26.001 27a1 1 0 0 1-.801-.4c-.025-.034-2.782-3.6-7.2-3.6c-4.417 0-7.174 3.566-7.202 3.603a1.003 1.003 0 0 1-1.4.194A1 1 0 0 1 9.2 25.4c.135-.18 3.362-4.4 8.8-4.4s8.665 4.221 8.8 4.4a.998.998 0 0 1-.799 1.6"/><path fill="#f5f8fa" d="M15.391 20.08a1 1 0 0 0-1.239.39l-5 8A1 1 0 0 0 10 30h3a1 1 0 0 0 .97-.758l2-8a1 1 0 0 0-.579-1.162m11.457 8.39l-5-8a.998.998 0 0 0-1.817.772l2 8c.111.446.51.758.969.758h3a1 1 0 0 0 .848-1.53"/><path fill="#e1e8ed" d="M31.982 30.178c.003-.06.018-.117.018-.178c0-1.656-1.344-3-3-3a3 3 0 0 0-2.473 1.305A4 4 0 1 0 25 36a4 4 0 0 0 3.29-1.731A2.995 2.995 0 0 0 34 33a2.99 2.99 0 0 0-2.018-2.822M11 28c-.542 0-1.056.11-1.527.305A3 3 0 0 0 7 27c-1.656 0-3 1.344-3 3c0 .061.014.118.018.178A2.99 2.99 0 0 0 2 33a3 3 0 0 0 3 3a2.99 2.99 0 0 0 2.709-1.731A4 4 0 0 0 11 36a4 4 0 0 0 0-8"/></svg>
</template>

CSS

.icon-face-with-steam-from-nose {
  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%23ffcc4d%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018S0%2027.941%200%2018S8.059%200%2018%200s18%208.059%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M20.001%2013a1%201%200%200%201-.987-1.165C19.407%209.471%2021.584%205%2027%205a1%201%200%201%201%200%202c-5.095%200-5.979%204.954-6.014%205.165a1%201%200%200%201-.985.835m-4.002%200a1%201%200%200%201-.985-.833C14.977%2011.957%2014.059%207%209%207a1%201%200%200%201%200-2c5.416%200%207.592%204.471%207.986%206.835A1%201%200%200%201%2015.999%2013m-4.589%204.892c-2.335%200-3.87-.997-3.964-1.06a1%201%200%200%201%201.11-1.664c.099.064%202.602%201.636%205.998-.062a1%201%200%200%201%20.895%201.789c-1.495.746-2.868.997-4.039.997m13.181%200c-1.172%200-2.545-.251-4.038-.998a1%201%200%200%201%20.895-1.789c3.4%201.7%205.899.126%206.004.059a1.004%201.004%200%200%201%201.382.289a.997.997%200%200%201-.278%201.379c-.096.063-1.631%201.06-3.965%201.06M26.001%2027a1%201%200%200%201-.801-.4c-.025-.034-2.782-3.6-7.2-3.6c-4.417%200-7.174%203.566-7.202%203.603a1.003%201.003%200%200%201-1.4.194A1%201%200%200%201%209.2%2025.4c.135-.18%203.362-4.4%208.8-4.4s8.665%204.221%208.8%204.4a.998.998%200%200%201-.799%201.6%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M15.391%2020.08a1%201%200%200%200-1.239.39l-5%208A1%201%200%200%200%2010%2030h3a1%201%200%200%200%20.97-.758l2-8a1%201%200%200%200-.579-1.162m11.457%208.39l-5-8a.998.998%200%200%200-1.817.772l2%208c.111.446.51.758.969.758h3a1%201%200%200%200%20.848-1.53%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M31.982%2030.178c.003-.06.018-.117.018-.178c0-1.656-1.344-3-3-3a3%203%200%200%200-2.473%201.305A4%204%200%201%200%2025%2036a4%204%200%200%200%203.29-1.731A2.995%202.995%200%200%200%2034%2033a2.99%202.99%200%200%200-2.018-2.822M11%2028c-.542%200-1.056.11-1.527.305A3%203%200%200%200%207%2027c-1.656%200-3%201.344-3%203c0%20.061.014.118.018.178A2.99%202.99%200%200%200%202%2033a3%203%200%200%200%203%203a2.99%202.99%200%200%200%202.709-1.731A4%204%200%200%200%2011%2036a4%204%200%200%200%200-8%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%23ffcc4d%22%20d%3D%22M36%2018c0%209.941-8.059%2018-18%2018S0%2027.941%200%2018S8.059%200%2018%200s18%208.059%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23664500%22%20d%3D%22M20.001%2013a1%201%200%200%201-.987-1.165C19.407%209.471%2021.584%205%2027%205a1%201%200%201%201%200%202c-5.095%200-5.979%204.954-6.014%205.165a1%201%200%200%201-.985.835m-4.002%200a1%201%200%200%201-.985-.833C14.977%2011.957%2014.059%207%209%207a1%201%200%200%201%200-2c5.416%200%207.592%204.471%207.986%206.835A1%201%200%200%201%2015.999%2013m-4.589%204.892c-2.335%200-3.87-.997-3.964-1.06a1%201%200%200%201%201.11-1.664c.099.064%202.602%201.636%205.998-.062a1%201%200%200%201%20.895%201.789c-1.495.746-2.868.997-4.039.997m13.181%200c-1.172%200-2.545-.251-4.038-.998a1%201%200%200%201%20.895-1.789c3.4%201.7%205.899.126%206.004.059a1.004%201.004%200%200%201%201.382.289a.997.997%200%200%201-.278%201.379c-.096.063-1.631%201.06-3.965%201.06M26.001%2027a1%201%200%200%201-.801-.4c-.025-.034-2.782-3.6-7.2-3.6c-4.417%200-7.174%203.566-7.202%203.603a1.003%201.003%200%200%201-1.4.194A1%201%200%200%201%209.2%2025.4c.135-.18%203.362-4.4%208.8-4.4s8.665%204.221%208.8%204.4a.998.998%200%200%201-.799%201.6%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M15.391%2020.08a1%201%200%200%200-1.239.39l-5%208A1%201%200%200%200%2010%2030h3a1%201%200%200%200%20.97-.758l2-8a1%201%200%200%200-.579-1.162m11.457%208.39l-5-8a.998.998%200%200%200-1.817.772l2%208c.111.446.51.758.969.758h3a1%201%200%200%200%20.848-1.53%22%2F%3E%3Cpath%20fill%3D%22%23e1e8ed%22%20d%3D%22M31.982%2030.178c.003-.06.018-.117.018-.178c0-1.656-1.344-3-3-3a3%203%200%200%200-2.473%201.305A4%204%200%201%200%2025%2036a4%204%200%200%200%203.29-1.731A2.995%202.995%200%200%200%2034%2033a2.99%202.99%200%200%200-2.018-2.822M11%2028c-.542%200-1.056.11-1.527.305A3%203%200%200%200%207%2027c-1.656%200-3%201.344-3%203c0%20.061.014.118.018.178A2.99%202.99%200%200%200%202%2033a3%203%200%200%200%203%203a2.99%202.99%200%200%200%202.709-1.731A4%204%200%200%200%2011%2036a4%204%200%200%200%200-8%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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