hot beverage emoji
hot-beverage from OpenMoji by OpenMoji · Default · Food Drink · CC-BY-SA-4.0 Attribution required.
- Name
- hot-beverage
- Set
- OpenMoji
- Style
- Default
- Category
- Food Drink
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More food drink icons from OpenMoji
Use the hot beverage emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" fill-rule="evenodd" d="M36 52c9.941 0 18-8.059 18-18H18c0 9.941 8.059 18 18 18"/><path fill="#fff" d="M16.509 49.939h41.858c.69 0 1.036.834.548 1.322l-3.406 3.156a2.13 2.13 0 0 1-1.502.622H20.73a2.22 2.22 0 0 1-1.71-.803l-2.969-3.323a.595.595 0 0 1 .457-.974Z"/><path fill="#d0cfce" fill-rule="evenodd" d="M48.616 50.607c.364-.008.824-.035.3.786c-.68 1.067-1.108 1.72-1.899 2.687c-.183.266-.486.17-.808.17h8.42c.28 0 1.84-1.768 2.961-2.777c.426-.642.95-.723.18-.723c0 0-8.52-.143-9.154-.143m-2.109-1.083c5.58-3.55 7.745-7.784 7.745-14.75h-8.5c-.466 6.949-1.017 10.097-4.705 14.75z"/><path fill="#d0cfce" d="m55.032 34.751l-2.846 9.348s7.732 1.384 7.924-3.963c.183-5.078-5.078-5.385-5.078-5.385"/><path fill="#d0cfce" fill-rule="evenodd" stroke="#d0cfce" stroke-miterlimit="10" stroke-width="3" d="m39.53 21.189l.01-.012a5 5 0 0 0-7.07-7.07a3 3 0 0 1 4.243 4.242l-3.454 3.453l-.011.012a5 5 0 1 0 7.07 7.07a3 3 0 0 1-4.242-4.242z"/><path fill="#d0cfce" fill-rule="evenodd" stroke="#d0cfce" stroke-miterlimit="10" stroke-width="1.498" d="M33.01 14.618a.75.75 0 0 1-1.062-1.056m8.924 15.841a.75.75 0 0 0-1.054-1.065"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M24 47.417A17.95 17.95 0 0 1 18 34h36c0 5.331-2.317 10.12-6 13.417"/><path stroke-linecap="round" d="M51 45h4.5a5.5 5.5 0 1 0 0-11H53"/><path stroke-miterlimit="10" d="M16.509 49.939h41.858c.69 0 1.036.834.548 1.322l-3.406 3.156a2.13 2.13 0 0 1-1.502.622H20.73a2.22 2.22 0 0 1-1.71-.803l-2.969-3.323a.595.595 0 0 1 .457-.974Z"/></g></svg>
React
import type { SVGProps } from "react";
export function OpenmojiHotBeverage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" fillRule="evenodd" d="M36 52c9.941 0 18-8.059 18-18H18c0 9.941 8.059 18 18 18"/><path fill="#fff" d="M16.509 49.939h41.858c.69 0 1.036.834.548 1.322l-3.406 3.156a2.13 2.13 0 0 1-1.502.622H20.73a2.22 2.22 0 0 1-1.71-.803l-2.969-3.323a.595.595 0 0 1 .457-.974Z"/><path fill="#d0cfce" fillRule="evenodd" d="M48.616 50.607c.364-.008.824-.035.3.786c-.68 1.067-1.108 1.72-1.899 2.687c-.183.266-.486.17-.808.17h8.42c.28 0 1.84-1.768 2.961-2.777c.426-.642.95-.723.18-.723c0 0-8.52-.143-9.154-.143m-2.109-1.083c5.58-3.55 7.745-7.784 7.745-14.75h-8.5c-.466 6.949-1.017 10.097-4.705 14.75z"/><path fill="#d0cfce" d="m55.032 34.751l-2.846 9.348s7.732 1.384 7.924-3.963c.183-5.078-5.078-5.385-5.078-5.385"/><path fill="#d0cfce" fillRule="evenodd" stroke="#d0cfce" strokeMiterlimit="10" strokeWidth="3" d="m39.53 21.189l.01-.012a5 5 0 0 0-7.07-7.07a3 3 0 0 1 4.243 4.242l-3.454 3.453l-.011.012a5 5 0 1 0 7.07 7.07a3 3 0 0 1-4.242-4.242z"/><path fill="#d0cfce" fillRule="evenodd" stroke="#d0cfce" strokeMiterlimit="10" strokeWidth="1.498" d="M33.01 14.618a.75.75 0 0 1-1.062-1.056m8.924 15.841a.75.75 0 0 0-1.054-1.065"/><g fill="none" stroke="#000" strokeWidth="2"><path strokeLinecap="round" strokeLinejoin="round" d="M24 47.417A17.95 17.95 0 0 1 18 34h36c0 5.331-2.317 10.12-6 13.417"/><path strokeLinecap="round" d="M51 45h4.5a5.5 5.5 0 1 0 0-11H53"/><path strokeMiterlimit="10" d="M16.509 49.939h41.858c.69 0 1.036.834.548 1.322l-3.406 3.156a2.13 2.13 0 0 1-1.502.622H20.73a2.22 2.22 0 0 1-1.71-.803l-2.969-3.323a.595.595 0 0 1 .457-.974Z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#fff" fill-rule="evenodd" d="M36 52c9.941 0 18-8.059 18-18H18c0 9.941 8.059 18 18 18"/><path fill="#fff" d="M16.509 49.939h41.858c.69 0 1.036.834.548 1.322l-3.406 3.156a2.13 2.13 0 0 1-1.502.622H20.73a2.22 2.22 0 0 1-1.71-.803l-2.969-3.323a.595.595 0 0 1 .457-.974Z"/><path fill="#d0cfce" fill-rule="evenodd" d="M48.616 50.607c.364-.008.824-.035.3.786c-.68 1.067-1.108 1.72-1.899 2.687c-.183.266-.486.17-.808.17h8.42c.28 0 1.84-1.768 2.961-2.777c.426-.642.95-.723.18-.723c0 0-8.52-.143-9.154-.143m-2.109-1.083c5.58-3.55 7.745-7.784 7.745-14.75h-8.5c-.466 6.949-1.017 10.097-4.705 14.75z"/><path fill="#d0cfce" d="m55.032 34.751l-2.846 9.348s7.732 1.384 7.924-3.963c.183-5.078-5.078-5.385-5.078-5.385"/><path fill="#d0cfce" fill-rule="evenodd" stroke="#d0cfce" stroke-miterlimit="10" stroke-width="3" d="m39.53 21.189l.01-.012a5 5 0 0 0-7.07-7.07a3 3 0 0 1 4.243 4.242l-3.454 3.453l-.011.012a5 5 0 1 0 7.07 7.07a3 3 0 0 1-4.242-4.242z"/><path fill="#d0cfce" fill-rule="evenodd" stroke="#d0cfce" stroke-miterlimit="10" stroke-width="1.498" d="M33.01 14.618a.75.75 0 0 1-1.062-1.056m8.924 15.841a.75.75 0 0 0-1.054-1.065"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M24 47.417A17.95 17.95 0 0 1 18 34h36c0 5.331-2.317 10.12-6 13.417"/><path stroke-linecap="round" d="M51 45h4.5a5.5 5.5 0 1 0 0-11H53"/><path stroke-miterlimit="10" d="M16.509 49.939h41.858c.69 0 1.036.834.548 1.322l-3.406 3.156a2.13 2.13 0 0 1-1.502.622H20.73a2.22 2.22 0 0 1-1.71-.803l-2.969-3.323a.595.595 0 0 1 .457-.974Z"/></g></svg> </template>
CSS
.icon-hot-beverage {
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%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36%2052c9.941%200%2018-8.059%2018-18H18c0%209.941%208.059%2018%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.509%2049.939h41.858c.69%200%201.036.834.548%201.322l-3.406%203.156a2.13%202.13%200%200%201-1.502.622H20.73a2.22%202.22%200%200%201-1.71-.803l-2.969-3.323a.595.595%200%200%201%20.457-.974Z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20fill-rule%3D%22evenodd%22%20d%3D%22M48.616%2050.607c.364-.008.824-.035.3.786c-.68%201.067-1.108%201.72-1.899%202.687c-.183.266-.486.17-.808.17h8.42c.28%200%201.84-1.768%202.961-2.777c.426-.642.95-.723.18-.723c0%200-8.52-.143-9.154-.143m-2.109-1.083c5.58-3.55%207.745-7.784%207.745-14.75h-8.5c-.466%206.949-1.017%2010.097-4.705%2014.75z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22m55.032%2034.751l-2.846%209.348s7.732%201.384%207.924-3.963c.183-5.078-5.078-5.385-5.078-5.385%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23d0cfce%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22%20d%3D%22m39.53%2021.189l.01-.012a5%205%200%200%200-7.07-7.07a3%203%200%200%201%204.243%204.242l-3.454%203.453l-.011.012a5%205%200%201%200%207.07%207.07a3%203%200%200%201-4.242-4.242z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23d0cfce%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.498%22%20d%3D%22M33.01%2014.618a.75.75%200%200%201-1.062-1.056m8.924%2015.841a.75.75%200%200%200-1.054-1.065%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2047.417A17.95%2017.95%200%200%201%2018%2034h36c0%205.331-2.317%2010.12-6%2013.417%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M51%2045h4.5a5.5%205.5%200%201%200%200-11H53%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M16.509%2049.939h41.858c.69%200%201.036.834.548%201.322l-3.406%203.156a2.13%202.13%200%200%201-1.502.622H20.73a2.22%202.22%200%200%201-1.71-.803l-2.969-3.323a.595.595%200%200%201%20.457-.974Z%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%2072%2072%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M36%2052c9.941%200%2018-8.059%2018-18H18c0%209.941%208.059%2018%2018%2018%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M16.509%2049.939h41.858c.69%200%201.036.834.548%201.322l-3.406%203.156a2.13%202.13%200%200%201-1.502.622H20.73a2.22%202.22%200%200%201-1.71-.803l-2.969-3.323a.595.595%200%200%201%20.457-.974Z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20fill-rule%3D%22evenodd%22%20d%3D%22M48.616%2050.607c.364-.008.824-.035.3.786c-.68%201.067-1.108%201.72-1.899%202.687c-.183.266-.486.17-.808.17h8.42c.28%200%201.84-1.768%202.961-2.777c.426-.642.95-.723.18-.723c0%200-8.52-.143-9.154-.143m-2.109-1.083c5.58-3.55%207.745-7.784%207.745-14.75h-8.5c-.466%206.949-1.017%2010.097-4.705%2014.75z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20d%3D%22m55.032%2034.751l-2.846%209.348s7.732%201.384%207.924-3.963c.183-5.078-5.078-5.385-5.078-5.385%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23d0cfce%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%223%22%20d%3D%22m39.53%2021.189l.01-.012a5%205%200%200%200-7.07-7.07a3%203%200%200%201%204.243%204.242l-3.454%203.453l-.011.012a5%205%200%201%200%207.07%207.07a3%203%200%200%201-4.242-4.242z%22%2F%3E%3Cpath%20fill%3D%22%23d0cfce%22%20fill-rule%3D%22evenodd%22%20stroke%3D%22%23d0cfce%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.498%22%20d%3D%22M33.01%2014.618a.75.75%200%200%201-1.062-1.056m8.924%2015.841a.75.75%200%200%200-1.054-1.065%22%2F%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M24%2047.417A17.95%2017.95%200%200%201%2018%2034h36c0%205.331-2.317%2010.12-6%2013.417%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M51%2045h4.5a5.5%205.5%200%201%200%200-11H53%22%2F%3E%3Cpath%20stroke-miterlimit%3D%2210%22%20d%3D%22M16.509%2049.939h41.858c.69%200%201.036.834.548%201.322l-3.406%203.156a2.13%202.13%200%200%201-1.502.622H20.73a2.22%202.22%200%200%201-1.71-.803l-2.969-3.323a.595.595%200%200%201%20.457-.974Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/hot-beverage.svg?color=%231a73e8&size=48
