hot face emoji
hot-face from Twitter Emoji by Twitter · Default · Smileys & Emotion · CC-BY-4.0 Attribution required.
- Name
- hot-face
- Set
- Twitter Emoji
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
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 hot face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ea596e"/><path fill="#292f33" d="M26.125 29.261a.3.3 0 0 1-.084-.01c-8.424-1.942-15.996-.022-16.072-.002a.38.38 0 0 1-.324-.066a.38.38 0 0 1-.145-.297c0-3.178 3.713-6.872 8.5-6.872s8.5 3.694 8.5 6.872a.375.375 0 0 1-.375.375M29 12c-5.554 0-7.802-4.367-7.895-4.553a1 1 0 0 1 1.787-.899C22.967 6.694 24.713 10 29 10a1 1 0 1 1 0 2M7 12a1 1 0 0 1 0-2c5.083 0 5.996-3.12 6.033-3.253a1.007 1.007 0 0 1 1.219-.709c.53.139.851.673.718 1.205C14.921 7.437 13.704 12 7 12"/><ellipse cx="12" cy="16.5" fill="#292f33" rx="2.5" ry="3.5"/><ellipse cx="24" cy="16.5" fill="#292f33" rx="2.5" ry="3.5"/><path fill="#f4abba" d="M18.629 23.079v.827l-1.091.001v-.837c-2.277.127-4.191 1.162-5.455 2.516l.008.461c.086 2.932 2.08 5.802 5.992 5.802c3.899 0 5.892-2.851 5.991-5.773l.009-.284a8.06 8.06 0 0 0-5.454-2.713"/><path fill="#ea596e" d="M18 23.049c-.157 0-.308.014-.462.022v4.447a.545.545 0 1 0 1.09 0V23.08a8 8 0 0 0-.628-.031"/><path fill="#5dadec" d="M35.906 12.062a5.093 5.093 0 0 1-5.094 5.094c-2.814 0-5.094-2.28-5.094-5.094s4.075-10.188 5.094-10.188s5.094 7.375 5.094 10.188M8.573 8.438a4.188 4.188 0 1 1-8.376 0c0-2.313 3.35-8.375 4.188-8.375s4.188 6.062 4.188 8.375"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiHotFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ea596e"/><path fill="#292f33" d="M26.125 29.261a.3.3 0 0 1-.084-.01c-8.424-1.942-15.996-.022-16.072-.002a.38.38 0 0 1-.324-.066a.38.38 0 0 1-.145-.297c0-3.178 3.713-6.872 8.5-6.872s8.5 3.694 8.5 6.872a.375.375 0 0 1-.375.375M29 12c-5.554 0-7.802-4.367-7.895-4.553a1 1 0 0 1 1.787-.899C22.967 6.694 24.713 10 29 10a1 1 0 1 1 0 2M7 12a1 1 0 0 1 0-2c5.083 0 5.996-3.12 6.033-3.253a1.007 1.007 0 0 1 1.219-.709c.53.139.851.673.718 1.205C14.921 7.437 13.704 12 7 12"/><ellipse cx="12" cy="16.5" fill="#292f33" rx="2.5" ry="3.5"/><ellipse cx="24" cy="16.5" fill="#292f33" rx="2.5" ry="3.5"/><path fill="#f4abba" d="M18.629 23.079v.827l-1.091.001v-.837c-2.277.127-4.191 1.162-5.455 2.516l.008.461c.086 2.932 2.08 5.802 5.992 5.802c3.899 0 5.892-2.851 5.991-5.773l.009-.284a8.06 8.06 0 0 0-5.454-2.713"/><path fill="#ea596e" d="M18 23.049c-.157 0-.308.014-.462.022v4.447a.545.545 0 1 0 1.09 0V23.08a8 8 0 0 0-.628-.031"/><path fill="#5dadec" d="M35.906 12.062a5.093 5.093 0 0 1-5.094 5.094c-2.814 0-5.094-2.28-5.094-5.094s4.075-10.188 5.094-10.188s5.094 7.375 5.094 10.188M8.573 8.438a4.188 4.188 0 1 1-8.376 0c0-2.313 3.35-8.375 4.188-8.375s4.188 6.062 4.188 8.375"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#ea596e"/><path fill="#292f33" d="M26.125 29.261a.3.3 0 0 1-.084-.01c-8.424-1.942-15.996-.022-16.072-.002a.38.38 0 0 1-.324-.066a.38.38 0 0 1-.145-.297c0-3.178 3.713-6.872 8.5-6.872s8.5 3.694 8.5 6.872a.375.375 0 0 1-.375.375M29 12c-5.554 0-7.802-4.367-7.895-4.553a1 1 0 0 1 1.787-.899C22.967 6.694 24.713 10 29 10a1 1 0 1 1 0 2M7 12a1 1 0 0 1 0-2c5.083 0 5.996-3.12 6.033-3.253a1.007 1.007 0 0 1 1.219-.709c.53.139.851.673.718 1.205C14.921 7.437 13.704 12 7 12"/><ellipse cx="12" cy="16.5" fill="#292f33" rx="2.5" ry="3.5"/><ellipse cx="24" cy="16.5" fill="#292f33" rx="2.5" ry="3.5"/><path fill="#f4abba" d="M18.629 23.079v.827l-1.091.001v-.837c-2.277.127-4.191 1.162-5.455 2.516l.008.461c.086 2.932 2.08 5.802 5.992 5.802c3.899 0 5.892-2.851 5.991-5.773l.009-.284a8.06 8.06 0 0 0-5.454-2.713"/><path fill="#ea596e" d="M18 23.049c-.157 0-.308.014-.462.022v4.447a.545.545 0 1 0 1.09 0V23.08a8 8 0 0 0-.628-.031"/><path fill="#5dadec" d="M35.906 12.062a5.093 5.093 0 0 1-5.094 5.094c-2.814 0-5.094-2.28-5.094-5.094s4.075-10.188 5.094-10.188s5.094 7.375 5.094 10.188M8.573 8.438a4.188 4.188 0 1 1-8.376 0c0-2.313 3.35-8.375 4.188-8.375s4.188 6.062 4.188 8.375"/></svg> </template>
CSS
.icon-hot-face {
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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ea596e%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M26.125%2029.261a.3.3%200%200%201-.084-.01c-8.424-1.942-15.996-.022-16.072-.002a.38.38%200%200%201-.324-.066a.38.38%200%200%201-.145-.297c0-3.178%203.713-6.872%208.5-6.872s8.5%203.694%208.5%206.872a.375.375%200%200%201-.375.375M29%2012c-5.554%200-7.802-4.367-7.895-4.553a1%201%200%200%201%201.787-.899C22.967%206.694%2024.713%2010%2029%2010a1%201%200%201%201%200%202M7%2012a1%201%200%200%201%200-2c5.083%200%205.996-3.12%206.033-3.253a1.007%201.007%200%200%201%201.219-.709c.53.139.851.673.718%201.205C14.921%207.437%2013.704%2012%207%2012%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.5%22%20fill%3D%22%23292f33%22%20rx%3D%222.5%22%20ry%3D%223.5%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2216.5%22%20fill%3D%22%23292f33%22%20rx%3D%222.5%22%20ry%3D%223.5%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M18.629%2023.079v.827l-1.091.001v-.837c-2.277.127-4.191%201.162-5.455%202.516l.008.461c.086%202.932%202.08%205.802%205.992%205.802c3.899%200%205.892-2.851%205.991-5.773l.009-.284a8.06%208.06%200%200%200-5.454-2.713%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M18%2023.049c-.157%200-.308.014-.462.022v4.447a.545.545%200%201%200%201.09%200V23.08a8%208%200%200%200-.628-.031%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M35.906%2012.062a5.093%205.093%200%200%201-5.094%205.094c-2.814%200-5.094-2.28-5.094-5.094s4.075-10.188%205.094-10.188s5.094%207.375%205.094%2010.188M8.573%208.438a4.188%204.188%200%201%201-8.376%200c0-2.313%203.35-8.375%204.188-8.375s4.188%206.062%204.188%208.375%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%3Ccircle%20cx%3D%2218%22%20cy%3D%2218%22%20r%3D%2218%22%20fill%3D%22%23ea596e%22%2F%3E%3Cpath%20fill%3D%22%23292f33%22%20d%3D%22M26.125%2029.261a.3.3%200%200%201-.084-.01c-8.424-1.942-15.996-.022-16.072-.002a.38.38%200%200%201-.324-.066a.38.38%200%200%201-.145-.297c0-3.178%203.713-6.872%208.5-6.872s8.5%203.694%208.5%206.872a.375.375%200%200%201-.375.375M29%2012c-5.554%200-7.802-4.367-7.895-4.553a1%201%200%200%201%201.787-.899C22.967%206.694%2024.713%2010%2029%2010a1%201%200%201%201%200%202M7%2012a1%201%200%200%201%200-2c5.083%200%205.996-3.12%206.033-3.253a1.007%201.007%200%200%201%201.219-.709c.53.139.851.673.718%201.205C14.921%207.437%2013.704%2012%207%2012%22%2F%3E%3Cellipse%20cx%3D%2212%22%20cy%3D%2216.5%22%20fill%3D%22%23292f33%22%20rx%3D%222.5%22%20ry%3D%223.5%22%2F%3E%3Cellipse%20cx%3D%2224%22%20cy%3D%2216.5%22%20fill%3D%22%23292f33%22%20rx%3D%222.5%22%20ry%3D%223.5%22%2F%3E%3Cpath%20fill%3D%22%23f4abba%22%20d%3D%22M18.629%2023.079v.827l-1.091.001v-.837c-2.277.127-4.191%201.162-5.455%202.516l.008.461c.086%202.932%202.08%205.802%205.992%205.802c3.899%200%205.892-2.851%205.991-5.773l.009-.284a8.06%208.06%200%200%200-5.454-2.713%22%2F%3E%3Cpath%20fill%3D%22%23ea596e%22%20d%3D%22M18%2023.049c-.157%200-.308.014-.462.022v4.447a.545.545%200%201%200%201.09%200V23.08a8%208%200%200%200-.628-.031%22%2F%3E%3Cpath%20fill%3D%22%235dadec%22%20d%3D%22M35.906%2012.062a5.093%205.093%200%200%201-5.094%205.094c-2.814%200-5.094-2.28-5.094-5.094s4.075-10.188%205.094-10.188s5.094%207.375%205.094%2010.188M8.573%208.438a4.188%204.188%200%201%201-8.376%200c0-2.313%203.35-8.375%204.188-8.375s4.188%206.062%204.188%208.375%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/hot-face.svg?color=%231a73e8&size=48
