hot face emoji
hot-face from Fluent Emoji High Contrast by Microsoft Corporation · Default · Smileys & Emotion · MIT Free for personal and commercial use.
- Name
- hot-face
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Smileys & Emotion
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
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 hot face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M6.235 6.778C4.105 9.089 3 12.328 3 15.998c0 1.293.137 2.532.408 3.696a3.5 3.5 0 0 0-1.38 2.357C1.339 20.185 1 18.133 1 15.999c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1c3.81 0 6.942.998 9.346 2.742c-.53.415-.938.98-1.16 1.63C22.156 3.894 19.445 3 16 3c-4.43 0-7.648 1.48-9.764 3.778m-.018 21.148a3.5 3.5 0 0 0 1.89-1.092c1.996 1.353 4.611 2.164 7.89 2.164c4.432 0 7.649-1.48 9.765-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-1.458-.175-2.847-.518-4.138a3.5 3.5 0 0 0 1.745-1.164c.518 1.66.773 3.45.773 5.302c0 4.061-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423c-4.044 0-7.325-1.125-9.78-3.072"/><path d="M5.5 20A2.5 2.5 0 0 0 3 22.5v2a2.5 2.5 0 0 0 5 0v-2A2.5 2.5 0 0 0 5.5 20M25 6.5a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 0 1-5 0zM14 16a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-9.5-8a.5.5 0 0 1 .5.5c0 1.136-.43 2.024-1.105 2.624c-.666.591-1.538.876-2.395.876a.5.5 0 0 1 0-1c.643 0 1.27-.215 1.73-.624c.45-.4.77-1.012.77-1.876a.5.5 0 0 1 .5-.5m6.5.5a.5.5 0 0 1 1 0c0 .864.32 1.476.77 1.876c.46.409 1.087.624 1.73.624a.5.5 0 0 1 0 1c-.857 0-1.73-.285-2.395-.876C19.431 10.524 19 9.636 19 8.5M15 20a3 3 0 0 0-2.99 3.24A2.99 2.99 0 0 1 14.44 22h3.12a2.99 2.99 0 0 1 2.43 1.24q.01-.119.01-.24a3 3 0 0 0-3-3z"/><path d="M14.44 23a2 2 0 0 0-1.962 2.392l.04.196A3 3 0 0 0 15.459 28h1.082a3 3 0 0 0 2.941-2.412l.04-.196A2 2 0 0 0 17.56 23z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastHotFace(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="M6.235 6.778C4.105 9.089 3 12.328 3 15.998c0 1.293.137 2.532.408 3.696a3.5 3.5 0 0 0-1.38 2.357C1.339 20.185 1 18.133 1 15.999c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1c3.81 0 6.942.998 9.346 2.742c-.53.415-.938.98-1.16 1.63C22.156 3.894 19.445 3 16 3c-4.43 0-7.648 1.48-9.764 3.778m-.018 21.148a3.5 3.5 0 0 0 1.89-1.092c1.996 1.353 4.611 2.164 7.89 2.164c4.432 0 7.649-1.48 9.765-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-1.458-.175-2.847-.518-4.138a3.5 3.5 0 0 0 1.745-1.164c.518 1.66.773 3.45.773 5.302c0 4.061-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423c-4.044 0-7.325-1.125-9.78-3.072"/><path d="M5.5 20A2.5 2.5 0 0 0 3 22.5v2a2.5 2.5 0 0 0 5 0v-2A2.5 2.5 0 0 0 5.5 20M25 6.5a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 0 1-5 0zM14 16a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-9.5-8a.5.5 0 0 1 .5.5c0 1.136-.43 2.024-1.105 2.624c-.666.591-1.538.876-2.395.876a.5.5 0 0 1 0-1c.643 0 1.27-.215 1.73-.624c.45-.4.77-1.012.77-1.876a.5.5 0 0 1 .5-.5m6.5.5a.5.5 0 0 1 1 0c0 .864.32 1.476.77 1.876c.46.409 1.087.624 1.73.624a.5.5 0 0 1 0 1c-.857 0-1.73-.285-2.395-.876C19.431 10.524 19 9.636 19 8.5M15 20a3 3 0 0 0-2.99 3.24A2.99 2.99 0 0 1 14.44 22h3.12a2.99 2.99 0 0 1 2.43 1.24q.01-.119.01-.24a3 3 0 0 0-3-3z"/><path d="M14.44 23a2 2 0 0 0-1.962 2.392l.04.196A3 3 0 0 0 15.459 28h1.082a3 3 0 0 0 2.941-2.412l.04-.196A2 2 0 0 0 17.56 23z"/></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="M6.235 6.778C4.105 9.089 3 12.328 3 15.998c0 1.293.137 2.532.408 3.696a3.5 3.5 0 0 0-1.38 2.357C1.339 20.185 1 18.133 1 15.999c0-4.061 1.226-7.821 3.763-10.576C7.313 2.654 11.095 1 16 1c3.81 0 6.942.998 9.346 2.742c-.53.415-.938.98-1.16 1.63C22.156 3.894 19.445 3 16 3c-4.43 0-7.648 1.48-9.764 3.778m-.018 21.148a3.5 3.5 0 0 0 1.89-1.092c1.996 1.353 4.611 2.164 7.89 2.164c4.432 0 7.649-1.48 9.765-3.778c2.129-2.311 3.235-5.55 3.235-9.221c0-1.458-.175-2.847-.518-4.138a3.5 3.5 0 0 0 1.745-1.164c.518 1.66.773 3.45.773 5.302c0 4.061-1.227 7.82-3.764 10.576c-2.55 2.769-6.331 4.423-11.235 4.423c-4.044 0-7.325-1.125-9.78-3.072"/><path d="M5.5 20A2.5 2.5 0 0 0 3 22.5v2a2.5 2.5 0 0 0 5 0v-2A2.5 2.5 0 0 0 5.5 20M25 6.5a2.5 2.5 0 0 1 5 0v2a2.5 2.5 0 0 1-5 0zM14 16a2 2 0 1 1-4 0a2 2 0 0 1 4 0m8 0a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-9.5-8a.5.5 0 0 1 .5.5c0 1.136-.43 2.024-1.105 2.624c-.666.591-1.538.876-2.395.876a.5.5 0 0 1 0-1c.643 0 1.27-.215 1.73-.624c.45-.4.77-1.012.77-1.876a.5.5 0 0 1 .5-.5m6.5.5a.5.5 0 0 1 1 0c0 .864.32 1.476.77 1.876c.46.409 1.087.624 1.73.624a.5.5 0 0 1 0 1c-.857 0-1.73-.285-2.395-.876C19.431 10.524 19 9.636 19 8.5M15 20a3 3 0 0 0-2.99 3.24A2.99 2.99 0 0 1 14.44 22h3.12a2.99 2.99 0 0 1 2.43 1.24q.01-.119.01-.24a3 3 0 0 0-3-3z"/><path d="M14.44 23a2 2 0 0 0-1.962 2.392l.04.196A3 3 0 0 0 15.459 28h1.082a3 3 0 0 0 2.941-2.412l.04-.196A2 2 0 0 0 17.56 23z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.235%206.778C4.105%209.089%203%2012.328%203%2015.998c0%201.293.137%202.532.408%203.696a3.5%203.5%200%200%200-1.38%202.357C1.339%2020.185%201%2018.133%201%2015.999c0-4.061%201.226-7.821%203.763-10.576C7.313%202.654%2011.095%201%2016%201c3.81%200%206.942.998%209.346%202.742c-.53.415-.938.98-1.16%201.63C22.156%203.894%2019.445%203%2016%203c-4.43%200-7.648%201.48-9.764%203.778m-.018%2021.148a3.5%203.5%200%200%200%201.89-1.092c1.996%201.353%204.611%202.164%207.89%202.164c4.432%200%207.649-1.48%209.765-3.778c2.129-2.311%203.235-5.55%203.235-9.221c0-1.458-.175-2.847-.518-4.138a3.5%203.5%200%200%200%201.745-1.164c.518%201.66.773%203.45.773%205.302c0%204.061-1.227%207.82-3.764%2010.576c-2.55%202.769-6.331%204.423-11.235%204.423c-4.044%200-7.325-1.125-9.78-3.072%22%2F%3E%3Cpath%20d%3D%22M5.5%2020A2.5%202.5%200%200%200%203%2022.5v2a2.5%202.5%200%200%200%205%200v-2A2.5%202.5%200%200%200%205.5%2020M25%206.5a2.5%202.5%200%200%201%205%200v2a2.5%202.5%200%200%201-5%200zM14%2016a2%202%200%201%201-4%200a2%202%200%200%201%204%200m8%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200m-9.5-8a.5.5%200%200%201%20.5.5c0%201.136-.43%202.024-1.105%202.624c-.666.591-1.538.876-2.395.876a.5.5%200%200%201%200-1c.643%200%201.27-.215%201.73-.624c.45-.4.77-1.012.77-1.876a.5.5%200%200%201%20.5-.5m6.5.5a.5.5%200%200%201%201%200c0%20.864.32%201.476.77%201.876c.46.409%201.087.624%201.73.624a.5.5%200%200%201%200%201c-.857%200-1.73-.285-2.395-.876C19.431%2010.524%2019%209.636%2019%208.5M15%2020a3%203%200%200%200-2.99%203.24A2.99%202.99%200%200%201%2014.44%2022h3.12a2.99%202.99%200%200%201%202.43%201.24q.01-.119.01-.24a3%203%200%200%200-3-3z%22%2F%3E%3Cpath%20d%3D%22M14.44%2023a2%202%200%200%200-1.962%202.392l.04.196A3%203%200%200%200%2015.459%2028h1.082a3%203%200%200%200%202.941-2.412l.04-.196A2%202%200%200%200%2017.56%2023z%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%22M6.235%206.778C4.105%209.089%203%2012.328%203%2015.998c0%201.293.137%202.532.408%203.696a3.5%203.5%200%200%200-1.38%202.357C1.339%2020.185%201%2018.133%201%2015.999c0-4.061%201.226-7.821%203.763-10.576C7.313%202.654%2011.095%201%2016%201c3.81%200%206.942.998%209.346%202.742c-.53.415-.938.98-1.16%201.63C22.156%203.894%2019.445%203%2016%203c-4.43%200-7.648%201.48-9.764%203.778m-.018%2021.148a3.5%203.5%200%200%200%201.89-1.092c1.996%201.353%204.611%202.164%207.89%202.164c4.432%200%207.649-1.48%209.765-3.778c2.129-2.311%203.235-5.55%203.235-9.221c0-1.458-.175-2.847-.518-4.138a3.5%203.5%200%200%200%201.745-1.164c.518%201.66.773%203.45.773%205.302c0%204.061-1.227%207.82-3.764%2010.576c-2.55%202.769-6.331%204.423-11.235%204.423c-4.044%200-7.325-1.125-9.78-3.072%22%2F%3E%3Cpath%20d%3D%22M5.5%2020A2.5%202.5%200%200%200%203%2022.5v2a2.5%202.5%200%200%200%205%200v-2A2.5%202.5%200%200%200%205.5%2020M25%206.5a2.5%202.5%200%200%201%205%200v2a2.5%202.5%200%200%201-5%200zM14%2016a2%202%200%201%201-4%200a2%202%200%200%201%204%200m8%200a2%202%200%201%201-4%200a2%202%200%200%201%204%200m-9.5-8a.5.5%200%200%201%20.5.5c0%201.136-.43%202.024-1.105%202.624c-.666.591-1.538.876-2.395.876a.5.5%200%200%201%200-1c.643%200%201.27-.215%201.73-.624c.45-.4.77-1.012.77-1.876a.5.5%200%200%201%20.5-.5m6.5.5a.5.5%200%200%201%201%200c0%20.864.32%201.476.77%201.876c.46.409%201.087.624%201.73.624a.5.5%200%200%201%200%201c-.857%200-1.73-.285-2.395-.876C19.431%2010.524%2019%209.636%2019%208.5M15%2020a3%203%200%200%200-2.99%203.24A2.99%202.99%200%200%201%2014.44%2022h3.12a2.99%202.99%200%200%201%202.43%201.24q.01-.119.01-.24a3%203%200%200%200-3-3z%22%2F%3E%3Cpath%20d%3D%22M14.44%2023a2%202%200%200%200-1.962%202.392l.04.196A3%203%200%200%200%2015.459%2028h1.082a3%203%200%200%200%202.941-2.412l.04-.196A2%202%200%200%200%2017.56%2023z%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/hot-face.svg?color=%231a73e8&size=48
