hot beverage emoji
hot-beverage from Twitter Emoji by Twitter · Default · Food & Drink · CC-BY-4.0 Attribution required.
- Name
- hot-beverage
- Set
- Twitter Emoji
- Style
- Default
- Category
- Food & Drink
- Viewbox
- 36×36
- License
- CC BY 4.0
The same emoji in other sets
More food & drink icons from Twitter Emoji
Use the hot beverage emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#99aab5" rx="18" ry="10"/><ellipse cx="18" cy="24" fill="#ccd6dd" rx="18" ry="10"/><path fill="#f5f8fa" d="M18 31C3.042 31 1 16 1 12h34c0 2-1.958 19-17 19"/><path fill="#ccd6dd" d="M34.385 9.644c2.442-10.123-9.781-7.706-12.204-5.799A38 38 0 0 0 18 3.611c-9.389 0-17 3.229-17 8.444S8.611 21.5 18 21.5s17-4.229 17-9.444c0-.863-.226-1.664-.615-2.412m-2.503-2.692c-1.357-.938-3.102-1.694-5.121-2.25c1.875-.576 4.551-.309 5.121 2.25"/><ellipse cx="18" cy="13" fill="#8a4b38" rx="15" ry="7"/><path fill="#d99e82" d="M20 17a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553 0-.958-.443-.958-.996S17.448 1 18 1c.997 0 2.395 1.153 3.183 2.625c1.034 1.933.91 4.039-.351 5.929c-1.961 2.942-1.531 4.332-.125 5.738A.999.999 0 0 1 20 17m-6-2a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99 0 0 1-.989-1c0-.552.458-1 1.011-1c.997 0 2.585.974 3.36 2.423c.481.899 1.052 2.761-.528 5.131c-1.961 2.942-1.531 4.332-.125 5.738a1 1 0 0 1 0 1.414A1 1 0 0 1 14 15"/></svg>
React
import type { SVGProps } from "react";
export function TwemojiHotBeverage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#99aab5" rx="18" ry="10"/><ellipse cx="18" cy="24" fill="#ccd6dd" rx="18" ry="10"/><path fill="#f5f8fa" d="M18 31C3.042 31 1 16 1 12h34c0 2-1.958 19-17 19"/><path fill="#ccd6dd" d="M34.385 9.644c2.442-10.123-9.781-7.706-12.204-5.799A38 38 0 0 0 18 3.611c-9.389 0-17 3.229-17 8.444S8.611 21.5 18 21.5s17-4.229 17-9.444c0-.863-.226-1.664-.615-2.412m-2.503-2.692c-1.357-.938-3.102-1.694-5.121-2.25c1.875-.576 4.551-.309 5.121 2.25"/><ellipse cx="18" cy="13" fill="#8a4b38" rx="15" ry="7"/><path fill="#d99e82" d="M20 17a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553 0-.958-.443-.958-.996S17.448 1 18 1c.997 0 2.395 1.153 3.183 2.625c1.034 1.933.91 4.039-.351 5.929c-1.961 2.942-1.531 4.332-.125 5.738A.999.999 0 0 1 20 17m-6-2a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99 0 0 1-.989-1c0-.552.458-1 1.011-1c.997 0 2.585.974 3.36 2.423c.481.899 1.052 2.761-.528 5.131c-1.961 2.942-1.531 4.332-.125 5.738a1 1 0 0 1 0 1.414A1 1 0 0 1 14 15"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 36 36"><ellipse cx="18" cy="26" fill="#99aab5" rx="18" ry="10"/><ellipse cx="18" cy="24" fill="#ccd6dd" rx="18" ry="10"/><path fill="#f5f8fa" d="M18 31C3.042 31 1 16 1 12h34c0 2-1.958 19-17 19"/><path fill="#ccd6dd" d="M34.385 9.644c2.442-10.123-9.781-7.706-12.204-5.799A38 38 0 0 0 18 3.611c-9.389 0-17 3.229-17 8.444S8.611 21.5 18 21.5s17-4.229 17-9.444c0-.863-.226-1.664-.615-2.412m-2.503-2.692c-1.357-.938-3.102-1.694-5.121-2.25c1.875-.576 4.551-.309 5.121 2.25"/><ellipse cx="18" cy="13" fill="#8a4b38" rx="15" ry="7"/><path fill="#d99e82" d="M20 17a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553 0-.958-.443-.958-.996S17.448 1 18 1c.997 0 2.395 1.153 3.183 2.625c1.034 1.933.91 4.039-.351 5.929c-1.961 2.942-1.531 4.332-.125 5.738A.999.999 0 0 1 20 17m-6-2a1 1 0 0 1-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99 0 0 1-.989-1c0-.552.458-1 1.011-1c.997 0 2.585.974 3.36 2.423c.481.899 1.052 2.761-.528 5.131c-1.961 2.942-1.531 4.332-.125 5.738a1 1 0 0 1 0 1.414A1 1 0 0 1 14 15"/></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%2036%2036%22%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2226%22%20fill%3D%22%2399aab5%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2224%22%20fill%3D%22%23ccd6dd%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M18%2031C3.042%2031%201%2016%201%2012h34c0%202-1.958%2019-17%2019%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M34.385%209.644c2.442-10.123-9.781-7.706-12.204-5.799A38%2038%200%200%200%2018%203.611c-9.389%200-17%203.229-17%208.444S8.611%2021.5%2018%2021.5s17-4.229%2017-9.444c0-.863-.226-1.664-.615-2.412m-2.503-2.692c-1.357-.938-3.102-1.694-5.121-2.25c1.875-.576%204.551-.309%205.121%202.25%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2213%22%20fill%3D%22%238a4b38%22%20rx%3D%2215%22%20ry%3D%227%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M20%2017a1%201%200%200%201-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553%200-.958-.443-.958-.996S17.448%201%2018%201c.997%200%202.395%201.153%203.183%202.625c1.034%201.933.91%204.039-.351%205.929c-1.961%202.942-1.531%204.332-.125%205.738A.999.999%200%200%201%2020%2017m-6-2a1%201%200%200%201-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99%200%200%201-.989-1c0-.552.458-1%201.011-1c.997%200%202.585.974%203.36%202.423c.481.899%201.052%202.761-.528%205.131c-1.961%202.942-1.531%204.332-.125%205.738a1%201%200%200%201%200%201.414A1%201%200%200%201%2014%2015%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%3Cellipse%20cx%3D%2218%22%20cy%3D%2226%22%20fill%3D%22%2399aab5%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2224%22%20fill%3D%22%23ccd6dd%22%20rx%3D%2218%22%20ry%3D%2210%22%2F%3E%3Cpath%20fill%3D%22%23f5f8fa%22%20d%3D%22M18%2031C3.042%2031%201%2016%201%2012h34c0%202-1.958%2019-17%2019%22%2F%3E%3Cpath%20fill%3D%22%23ccd6dd%22%20d%3D%22M34.385%209.644c2.442-10.123-9.781-7.706-12.204-5.799A38%2038%200%200%200%2018%203.611c-9.389%200-17%203.229-17%208.444S8.611%2021.5%2018%2021.5s17-4.229%2017-9.444c0-.863-.226-1.664-.615-2.412m-2.503-2.692c-1.357-.938-3.102-1.694-5.121-2.25c1.875-.576%204.551-.309%205.121%202.25%22%2F%3E%3Cellipse%20cx%3D%2218%22%20cy%3D%2213%22%20fill%3D%22%238a4b38%22%20rx%3D%2215%22%20ry%3D%227%22%2F%3E%3Cpath%20fill%3D%22%23d99e82%22%20d%3D%22M20%2017a1%201%200%200%201-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.739-1.109.9-2.246.478-3.377c-.461-1.236-1.438-1.996-1.731-2.077c-.553%200-.958-.443-.958-.996S17.448%201%2018%201c.997%200%202.395%201.153%203.183%202.625c1.034%201.933.91%204.039-.351%205.929c-1.961%202.942-1.531%204.332-.125%205.738A.999.999%200%200%201%2020%2017m-6-2a1%201%200%200%201-.707-.293c-2.337-2.337-2.376-4.885-.125-8.262c.727-1.091.893-2.083.494-2.947c-.444-.961-1.431-1.469-1.684-1.499a.99.99%200%200%201-.989-1c0-.552.458-1%201.011-1c.997%200%202.585.974%203.36%202.423c.481.899%201.052%202.761-.528%205.131c-1.961%202.942-1.531%204.332-.125%205.738a1%201%200%200%201%200%201.414A1%201%200%200%201%2014%2015%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/twemoji/hot-beverage.svg?color=%231a73e8&size=48
