hot beverage emoji

hot-beverage from Emoji One (Colored) by Emoji One · Default · Food · CC-BY-4.0 Attribution required.

Name: hot-beverage
Set: Emoji One (Colored)
Style: Default
Category: Food
Viewbox: 64×64
License: CC BY 4.0

The same emoji in other sets

hot-beverageFluent Emoji hot-beverageFluent Emoji Flat hot-beverageFluent Emoji High Contrast hot-beverageNoto Emoji hot-beverageOpenMoji hot-beverageTwitter Emoji

More food icons from Emoji One (Colored)

Use the hot beverage emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#eff6f7"><path d="M49.2 38.3L52 36l5.8-.3l4.2 4.2c0-5-3.3-8-10-6.1c-.4.1-1.7.2-1.7.2z"/><path d="M59.6 39.6c0 4.6-10.9 5.9-14.3 8.2c-1.4 1-3.8 5.4-3.8 5.4L61 41.9s-1.4-5.9-1.4-2.3"/></g><path fill="#d2d8d9" d="m49.2 40l1.6-.4s.3-1.5 1.6-2.7c1.7-1.5 7.3-1.2 7.3 2.5c0 6-11.2 7.8-14.6 10.1c-1.4 1-3 4-3 4s1.2.2 1.5 0c5.1-4.2 18.4-6 18.4-13.8c0-2.8-4.1-6.4-10-4.3c-.4.1-1.7.2-1.7.2zm-9.3 15H13.2s.3 2.8 3.9 5c1.3.8 4.5 2 9.4 2c5 0 8.1-1.2 9.4-2c3.7-2.2 4-5 4-5"/><g fill="#eff6f7"><path d="M51.1 30.2H2s.6 11.7 7.2 21.2c2.4 3.5 8.2 8.5 17.3 8.5c9.2 0 14.9-5 17.3-8.5c6.6-9.5 7.3-21.2 7.3-21.2"/><ellipse cx="26.5" cy="30.2" rx="24.5" ry="10.2"/></g><path fill="#d2d8d9" d="M26.5 24.2c11.3 0 20.7 3.2 22.9 7.5c.3-.6.5-1.3.5-1.9c0-5.2-10.5-9.4-23.4-9.4S3.1 24.6 3.1 29.8c0 .7.2 1.3.5 1.9c2.2-4.3 11.6-7.5 22.9-7.5"/><path fill="#724e41" d="M26.5 39.2c11.3 0 20.7-3.2 22.9-7.5c-2.2-4.3-11.6-7.5-22.9-7.5S5.8 27.4 3.6 31.7c2.2 4.3 11.6 7.5 22.9 7.5"/><path fill="#8f6a54" d="M42.3 29.2c-3.5-4-14.7-2.2-15.7-.2c-1.4-2.1-12.4-3.7-15.7.2c-2.1 2.5 2.7 4.8 7.6 6.5c3.1 1.2 0 2.5 0 2.5c12.2 0 20.7-4.3 20.7-4.3c2.7-1.5 4.5-3.1 3.1-4.7"/><path fill="#b59267" d="M36.5 30.6c-2-3.2-9.5-1.9-10.3-.3c-.8-1.7-7.9-3.1-10.4 0c-1.5 1.9 1.5 3.8 4.6 5.2c1.9 1-.2 2-.2 2c8 .1 13.9-3.2 13.9-3.2c2-1.2 3.3-2.4 2.4-3.7"/><path fill="#f9f3d9" d="M33.1 31.7c-1.4-2.1-6.4-1.3-6.9-.2c-.5-1.1-5.3-2.1-6.9 0c-1 1.3 1 2.6 3.1 3.5c1.3.6-.1 1.3-.1 1.3c5.4.1 9.3-2.2 9.3-2.2c1.2-.7 2-1.5 1.5-2.4"/><path fill="#a6aeb0" d="M27.9 11.4C24.2 7.6 26.6 2 26.6 2s-7.8 7.4-2.9 12.5c5.7 5.9 2.9 9.5 2.9 9.5s7.1-6.6 1.3-12.6m-11.1 3.4c-2.7-2.7-.9-6.8-.9-6.8s-5.8 5.4-2.1 9.1c4.2 4.3 2.1 6.9 2.1 6.9s5.3-4.8.9-9.2m22 0c-2.7-2.7-.9-6.8-.9-6.8s-5.8 5.4-2.1 9.1c4.2 4.3 2.1 6.9 2.1 6.9s5.3-4.8.9-9.2" opacity=".6"/></svg>

React

import type { SVGProps } from "react";

export function EmojioneHotBeverage(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#eff6f7"><path d="M49.2 38.3L52 36l5.8-.3l4.2 4.2c0-5-3.3-8-10-6.1c-.4.1-1.7.2-1.7.2z"/><path d="M59.6 39.6c0 4.6-10.9 5.9-14.3 8.2c-1.4 1-3.8 5.4-3.8 5.4L61 41.9s-1.4-5.9-1.4-2.3"/></g><path fill="#d2d8d9" d="m49.2 40l1.6-.4s.3-1.5 1.6-2.7c1.7-1.5 7.3-1.2 7.3 2.5c0 6-11.2 7.8-14.6 10.1c-1.4 1-3 4-3 4s1.2.2 1.5 0c5.1-4.2 18.4-6 18.4-13.8c0-2.8-4.1-6.4-10-4.3c-.4.1-1.7.2-1.7.2zm-9.3 15H13.2s.3 2.8 3.9 5c1.3.8 4.5 2 9.4 2c5 0 8.1-1.2 9.4-2c3.7-2.2 4-5 4-5"/><g fill="#eff6f7"><path d="M51.1 30.2H2s.6 11.7 7.2 21.2c2.4 3.5 8.2 8.5 17.3 8.5c9.2 0 14.9-5 17.3-8.5c6.6-9.5 7.3-21.2 7.3-21.2"/><ellipse cx="26.5" cy="30.2" rx="24.5" ry="10.2"/></g><path fill="#d2d8d9" d="M26.5 24.2c11.3 0 20.7 3.2 22.9 7.5c.3-.6.5-1.3.5-1.9c0-5.2-10.5-9.4-23.4-9.4S3.1 24.6 3.1 29.8c0 .7.2 1.3.5 1.9c2.2-4.3 11.6-7.5 22.9-7.5"/><path fill="#724e41" d="M26.5 39.2c11.3 0 20.7-3.2 22.9-7.5c-2.2-4.3-11.6-7.5-22.9-7.5S5.8 27.4 3.6 31.7c2.2 4.3 11.6 7.5 22.9 7.5"/><path fill="#8f6a54" d="M42.3 29.2c-3.5-4-14.7-2.2-15.7-.2c-1.4-2.1-12.4-3.7-15.7.2c-2.1 2.5 2.7 4.8 7.6 6.5c3.1 1.2 0 2.5 0 2.5c12.2 0 20.7-4.3 20.7-4.3c2.7-1.5 4.5-3.1 3.1-4.7"/><path fill="#b59267" d="M36.5 30.6c-2-3.2-9.5-1.9-10.3-.3c-.8-1.7-7.9-3.1-10.4 0c-1.5 1.9 1.5 3.8 4.6 5.2c1.9 1-.2 2-.2 2c8 .1 13.9-3.2 13.9-3.2c2-1.2 3.3-2.4 2.4-3.7"/><path fill="#f9f3d9" d="M33.1 31.7c-1.4-2.1-6.4-1.3-6.9-.2c-.5-1.1-5.3-2.1-6.9 0c-1 1.3 1 2.6 3.1 3.5c1.3.6-.1 1.3-.1 1.3c5.4.1 9.3-2.2 9.3-2.2c1.2-.7 2-1.5 1.5-2.4"/><path fill="#a6aeb0" d="M27.9 11.4C24.2 7.6 26.6 2 26.6 2s-7.8 7.4-2.9 12.5c5.7 5.9 2.9 9.5 2.9 9.5s7.1-6.6 1.3-12.6m-11.1 3.4c-2.7-2.7-.9-6.8-.9-6.8s-5.8 5.4-2.1 9.1c4.2 4.3 2.1 6.9 2.1 6.9s5.3-4.8.9-9.2m22 0c-2.7-2.7-.9-6.8-.9-6.8s-5.8 5.4-2.1 9.1c4.2 4.3 2.1 6.9 2.1 6.9s5.3-4.8.9-9.2" opacity=".6"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 64 64"><g fill="#eff6f7"><path d="M49.2 38.3L52 36l5.8-.3l4.2 4.2c0-5-3.3-8-10-6.1c-.4.1-1.7.2-1.7.2z"/><path d="M59.6 39.6c0 4.6-10.9 5.9-14.3 8.2c-1.4 1-3.8 5.4-3.8 5.4L61 41.9s-1.4-5.9-1.4-2.3"/></g><path fill="#d2d8d9" d="m49.2 40l1.6-.4s.3-1.5 1.6-2.7c1.7-1.5 7.3-1.2 7.3 2.5c0 6-11.2 7.8-14.6 10.1c-1.4 1-3 4-3 4s1.2.2 1.5 0c5.1-4.2 18.4-6 18.4-13.8c0-2.8-4.1-6.4-10-4.3c-.4.1-1.7.2-1.7.2zm-9.3 15H13.2s.3 2.8 3.9 5c1.3.8 4.5 2 9.4 2c5 0 8.1-1.2 9.4-2c3.7-2.2 4-5 4-5"/><g fill="#eff6f7"><path d="M51.1 30.2H2s.6 11.7 7.2 21.2c2.4 3.5 8.2 8.5 17.3 8.5c9.2 0 14.9-5 17.3-8.5c6.6-9.5 7.3-21.2 7.3-21.2"/><ellipse cx="26.5" cy="30.2" rx="24.5" ry="10.2"/></g><path fill="#d2d8d9" d="M26.5 24.2c11.3 0 20.7 3.2 22.9 7.5c.3-.6.5-1.3.5-1.9c0-5.2-10.5-9.4-23.4-9.4S3.1 24.6 3.1 29.8c0 .7.2 1.3.5 1.9c2.2-4.3 11.6-7.5 22.9-7.5"/><path fill="#724e41" d="M26.5 39.2c11.3 0 20.7-3.2 22.9-7.5c-2.2-4.3-11.6-7.5-22.9-7.5S5.8 27.4 3.6 31.7c2.2 4.3 11.6 7.5 22.9 7.5"/><path fill="#8f6a54" d="M42.3 29.2c-3.5-4-14.7-2.2-15.7-.2c-1.4-2.1-12.4-3.7-15.7.2c-2.1 2.5 2.7 4.8 7.6 6.5c3.1 1.2 0 2.5 0 2.5c12.2 0 20.7-4.3 20.7-4.3c2.7-1.5 4.5-3.1 3.1-4.7"/><path fill="#b59267" d="M36.5 30.6c-2-3.2-9.5-1.9-10.3-.3c-.8-1.7-7.9-3.1-10.4 0c-1.5 1.9 1.5 3.8 4.6 5.2c1.9 1-.2 2-.2 2c8 .1 13.9-3.2 13.9-3.2c2-1.2 3.3-2.4 2.4-3.7"/><path fill="#f9f3d9" d="M33.1 31.7c-1.4-2.1-6.4-1.3-6.9-.2c-.5-1.1-5.3-2.1-6.9 0c-1 1.3 1 2.6 3.1 3.5c1.3.6-.1 1.3-.1 1.3c5.4.1 9.3-2.2 9.3-2.2c1.2-.7 2-1.5 1.5-2.4"/><path fill="#a6aeb0" d="M27.9 11.4C24.2 7.6 26.6 2 26.6 2s-7.8 7.4-2.9 12.5c5.7 5.9 2.9 9.5 2.9 9.5s7.1-6.6 1.3-12.6m-11.1 3.4c-2.7-2.7-.9-6.8-.9-6.8s-5.8 5.4-2.1 9.1c4.2 4.3 2.1 6.9 2.1 6.9s5.3-4.8.9-9.2m22 0c-2.7-2.7-.9-6.8-.9-6.8s-5.8 5.4-2.1 9.1c4.2 4.3 2.1 6.9 2.1 6.9s5.3-4.8.9-9.2" opacity=".6"/></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%2064%2064%22%3E%3Cg%20fill%3D%22%23eff6f7%22%3E%3Cpath%20d%3D%22M49.2%2038.3L52%2036l5.8-.3l4.2%204.2c0-5-3.3-8-10-6.1c-.4.1-1.7.2-1.7.2z%22%2F%3E%3Cpath%20d%3D%22M59.6%2039.6c0%204.6-10.9%205.9-14.3%208.2c-1.4%201-3.8%205.4-3.8%205.4L61%2041.9s-1.4-5.9-1.4-2.3%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23d2d8d9%22%20d%3D%22m49.2%2040l1.6-.4s.3-1.5%201.6-2.7c1.7-1.5%207.3-1.2%207.3%202.5c0%206-11.2%207.8-14.6%2010.1c-1.4%201-3%204-3%204s1.2.2%201.5%200c5.1-4.2%2018.4-6%2018.4-13.8c0-2.8-4.1-6.4-10-4.3c-.4.1-1.7.2-1.7.2zm-9.3%2015H13.2s.3%202.8%203.9%205c1.3.8%204.5%202%209.4%202c5%200%208.1-1.2%209.4-2c3.7-2.2%204-5%204-5%22%2F%3E%3Cg%20fill%3D%22%23eff6f7%22%3E%3Cpath%20d%3D%22M51.1%2030.2H2s.6%2011.7%207.2%2021.2c2.4%203.5%208.2%208.5%2017.3%208.5c9.2%200%2014.9-5%2017.3-8.5c6.6-9.5%207.3-21.2%207.3-21.2%22%2F%3E%3Cellipse%20cx%3D%2226.5%22%20cy%3D%2230.2%22%20rx%3D%2224.5%22%20ry%3D%2210.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23d2d8d9%22%20d%3D%22M26.5%2024.2c11.3%200%2020.7%203.2%2022.9%207.5c.3-.6.5-1.3.5-1.9c0-5.2-10.5-9.4-23.4-9.4S3.1%2024.6%203.1%2029.8c0%20.7.2%201.3.5%201.9c2.2-4.3%2011.6-7.5%2022.9-7.5%22%2F%3E%3Cpath%20fill%3D%22%23724e41%22%20d%3D%22M26.5%2039.2c11.3%200%2020.7-3.2%2022.9-7.5c-2.2-4.3-11.6-7.5-22.9-7.5S5.8%2027.4%203.6%2031.7c2.2%204.3%2011.6%207.5%2022.9%207.5%22%2F%3E%3Cpath%20fill%3D%22%238f6a54%22%20d%3D%22M42.3%2029.2c-3.5-4-14.7-2.2-15.7-.2c-1.4-2.1-12.4-3.7-15.7.2c-2.1%202.5%202.7%204.8%207.6%206.5c3.1%201.2%200%202.5%200%202.5c12.2%200%2020.7-4.3%2020.7-4.3c2.7-1.5%204.5-3.1%203.1-4.7%22%2F%3E%3Cpath%20fill%3D%22%23b59267%22%20d%3D%22M36.5%2030.6c-2-3.2-9.5-1.9-10.3-.3c-.8-1.7-7.9-3.1-10.4%200c-1.5%201.9%201.5%203.8%204.6%205.2c1.9%201-.2%202-.2%202c8%20.1%2013.9-3.2%2013.9-3.2c2-1.2%203.3-2.4%202.4-3.7%22%2F%3E%3Cpath%20fill%3D%22%23f9f3d9%22%20d%3D%22M33.1%2031.7c-1.4-2.1-6.4-1.3-6.9-.2c-.5-1.1-5.3-2.1-6.9%200c-1%201.3%201%202.6%203.1%203.5c1.3.6-.1%201.3-.1%201.3c5.4.1%209.3-2.2%209.3-2.2c1.2-.7%202-1.5%201.5-2.4%22%2F%3E%3Cpath%20fill%3D%22%23a6aeb0%22%20d%3D%22M27.9%2011.4C24.2%207.6%2026.6%202%2026.6%202s-7.8%207.4-2.9%2012.5c5.7%205.9%202.9%209.5%202.9%209.5s7.1-6.6%201.3-12.6m-11.1%203.4c-2.7-2.7-.9-6.8-.9-6.8s-5.8%205.4-2.1%209.1c4.2%204.3%202.1%206.9%202.1%206.9s5.3-4.8.9-9.2m22%200c-2.7-2.7-.9-6.8-.9-6.8s-5.8%205.4-2.1%209.1c4.2%204.3%202.1%206.9%202.1%206.9s5.3-4.8.9-9.2%22%20opacity%3D%22.6%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%2064%2064%22%3E%3Cg%20fill%3D%22%23eff6f7%22%3E%3Cpath%20d%3D%22M49.2%2038.3L52%2036l5.8-.3l4.2%204.2c0-5-3.3-8-10-6.1c-.4.1-1.7.2-1.7.2z%22%2F%3E%3Cpath%20d%3D%22M59.6%2039.6c0%204.6-10.9%205.9-14.3%208.2c-1.4%201-3.8%205.4-3.8%205.4L61%2041.9s-1.4-5.9-1.4-2.3%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23d2d8d9%22%20d%3D%22m49.2%2040l1.6-.4s.3-1.5%201.6-2.7c1.7-1.5%207.3-1.2%207.3%202.5c0%206-11.2%207.8-14.6%2010.1c-1.4%201-3%204-3%204s1.2.2%201.5%200c5.1-4.2%2018.4-6%2018.4-13.8c0-2.8-4.1-6.4-10-4.3c-.4.1-1.7.2-1.7.2zm-9.3%2015H13.2s.3%202.8%203.9%205c1.3.8%204.5%202%209.4%202c5%200%208.1-1.2%209.4-2c3.7-2.2%204-5%204-5%22%2F%3E%3Cg%20fill%3D%22%23eff6f7%22%3E%3Cpath%20d%3D%22M51.1%2030.2H2s.6%2011.7%207.2%2021.2c2.4%203.5%208.2%208.5%2017.3%208.5c9.2%200%2014.9-5%2017.3-8.5c6.6-9.5%207.3-21.2%207.3-21.2%22%2F%3E%3Cellipse%20cx%3D%2226.5%22%20cy%3D%2230.2%22%20rx%3D%2224.5%22%20ry%3D%2210.2%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23d2d8d9%22%20d%3D%22M26.5%2024.2c11.3%200%2020.7%203.2%2022.9%207.5c.3-.6.5-1.3.5-1.9c0-5.2-10.5-9.4-23.4-9.4S3.1%2024.6%203.1%2029.8c0%20.7.2%201.3.5%201.9c2.2-4.3%2011.6-7.5%2022.9-7.5%22%2F%3E%3Cpath%20fill%3D%22%23724e41%22%20d%3D%22M26.5%2039.2c11.3%200%2020.7-3.2%2022.9-7.5c-2.2-4.3-11.6-7.5-22.9-7.5S5.8%2027.4%203.6%2031.7c2.2%204.3%2011.6%207.5%2022.9%207.5%22%2F%3E%3Cpath%20fill%3D%22%238f6a54%22%20d%3D%22M42.3%2029.2c-3.5-4-14.7-2.2-15.7-.2c-1.4-2.1-12.4-3.7-15.7.2c-2.1%202.5%202.7%204.8%207.6%206.5c3.1%201.2%200%202.5%200%202.5c12.2%200%2020.7-4.3%2020.7-4.3c2.7-1.5%204.5-3.1%203.1-4.7%22%2F%3E%3Cpath%20fill%3D%22%23b59267%22%20d%3D%22M36.5%2030.6c-2-3.2-9.5-1.9-10.3-.3c-.8-1.7-7.9-3.1-10.4%200c-1.5%201.9%201.5%203.8%204.6%205.2c1.9%201-.2%202-.2%202c8%20.1%2013.9-3.2%2013.9-3.2c2-1.2%203.3-2.4%202.4-3.7%22%2F%3E%3Cpath%20fill%3D%22%23f9f3d9%22%20d%3D%22M33.1%2031.7c-1.4-2.1-6.4-1.3-6.9-.2c-.5-1.1-5.3-2.1-6.9%200c-1%201.3%201%202.6%203.1%203.5c1.3.6-.1%201.3-.1%201.3c5.4.1%209.3-2.2%209.3-2.2c1.2-.7%202-1.5%201.5-2.4%22%2F%3E%3Cpath%20fill%3D%22%23a6aeb0%22%20d%3D%22M27.9%2011.4C24.2%207.6%2026.6%202%2026.6%202s-7.8%207.4-2.9%2012.5c5.7%205.9%202.9%209.5%202.9%209.5s7.1-6.6%201.3-12.6m-11.1%203.4c-2.7-2.7-.9-6.8-.9-6.8s-5.8%205.4-2.1%209.1c4.2%204.3%202.1%206.9%202.1%206.9s5.3-4.8.9-9.2m22%200c-2.7-2.7-.9-6.8-.9-6.8s-5.8%205.4-2.1%209.1c4.2%204.3%202.1%206.9%202.1%206.9s5.3-4.8.9-9.2%22%20opacity%3D%22.6%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/emojione/hot-beverage.svg?color=%231a73e8&size=48