hot beverage emoji

hot-beverage from Fluent Emoji Flat by Microsoft Corporation · Default · Food & Drink · MIT Free for personal and commercial use.

Name: hot-beverage
Set: Fluent Emoji Flat
Style: Default
Category: Food & Drink
Viewbox: 32×32
License: MIT

The same emoji in other sets

hot-beverageEmoji One (Colored)hot-beverageFluent Emoji hot-beverageFluent Emoji High Contrast hot-beverageNoto Emoji hot-beverageOpenMoji hot-beverageTwitter Emoji

More food & drink icons from Fluent Emoji Flat

Use the hot beverage emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M14.5 30C20.851 30 26 24.851 26 18.5S20.851 7 14.5 7S3 12.149 3 18.5S8.149 30 14.5 30"/><path fill="#9b9b9b" d="M14.42 27.5c-5.17 0-9.38-4.7-9.38-9.87H23.8c0 5.17-4.21 9.87-9.38 9.87"/><path fill="#e6e6e6" d="M21.4 12.38a9.35 9.35 0 0 0-6.98-3.13a9.37 9.37 0 0 0-6.99 3.13H5.04v5.25c0 5.17 4.21 9.38 9.38 9.38c4.378 0 8.068-3.019 9.095-7.083l1.06-1.04s-.788-.652-.779-.996q.004-.13.004-.261v-5.25z"/><path fill="#f4f4f4" d="M23.79 12.38a9.38 9.38 0 1 1-1.08-4.372Q22.865 8 23.02 8c3.3 0 5.98 2.68 5.98 5.98a5.984 5.984 0 0 1-5.488 5.96a9.4 9.4 0 0 0 .285-2.056A3.994 3.994 0 0 0 27 13.98c0-2.03-1.53-3.718-3.507-3.952c.194.752.297 1.54.297 2.352"/><path fill="#7d4533" d="M14.41 20.67a8.29 8.29 0 0 0 8.29-8.29c0-4.578-5.035-7.29-8.29-7.29c-2.786 0-8.29 2.712-8.29 7.29a8.29 8.29 0 0 0 8.29 8.29"/><path fill="#9b9b9b" d="M6.14 12.966c.301-3.1 3.889-6.876 8.27-6.876c4.38 0 7.967 3.827 8.27 6.88q.02-.293.02-.59a8.29 8.29 0 1 0-16.56.586"/></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiFlatHotBeverage(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M14.5 30C20.851 30 26 24.851 26 18.5S20.851 7 14.5 7S3 12.149 3 18.5S8.149 30 14.5 30"/><path fill="#9b9b9b" d="M14.42 27.5c-5.17 0-9.38-4.7-9.38-9.87H23.8c0 5.17-4.21 9.87-9.38 9.87"/><path fill="#e6e6e6" d="M21.4 12.38a9.35 9.35 0 0 0-6.98-3.13a9.37 9.37 0 0 0-6.99 3.13H5.04v5.25c0 5.17 4.21 9.38 9.38 9.38c4.378 0 8.068-3.019 9.095-7.083l1.06-1.04s-.788-.652-.779-.996q.004-.13.004-.261v-5.25z"/><path fill="#f4f4f4" d="M23.79 12.38a9.38 9.38 0 1 1-1.08-4.372Q22.865 8 23.02 8c3.3 0 5.98 2.68 5.98 5.98a5.984 5.984 0 0 1-5.488 5.96a9.4 9.4 0 0 0 .285-2.056A3.994 3.994 0 0 0 27 13.98c0-2.03-1.53-3.718-3.507-3.952c.194.752.297 1.54.297 2.352"/><path fill="#7d4533" d="M14.41 20.67a8.29 8.29 0 0 0 8.29-8.29c0-4.578-5.035-7.29-8.29-7.29c-2.786 0-8.29 2.712-8.29 7.29a8.29 8.29 0 0 0 8.29 8.29"/><path fill="#9b9b9b" d="M6.14 12.966c.301-3.1 3.889-6.876 8.27-6.876c4.38 0 7.967 3.827 8.27 6.88q.02-.293.02-.59a8.29 8.29 0 1 0-16.56.586"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M14.5 30C20.851 30 26 24.851 26 18.5S20.851 7 14.5 7S3 12.149 3 18.5S8.149 30 14.5 30"/><path fill="#9b9b9b" d="M14.42 27.5c-5.17 0-9.38-4.7-9.38-9.87H23.8c0 5.17-4.21 9.87-9.38 9.87"/><path fill="#e6e6e6" d="M21.4 12.38a9.35 9.35 0 0 0-6.98-3.13a9.37 9.37 0 0 0-6.99 3.13H5.04v5.25c0 5.17 4.21 9.38 9.38 9.38c4.378 0 8.068-3.019 9.095-7.083l1.06-1.04s-.788-.652-.779-.996q.004-.13.004-.261v-5.25z"/><path fill="#f4f4f4" d="M23.79 12.38a9.38 9.38 0 1 1-1.08-4.372Q22.865 8 23.02 8c3.3 0 5.98 2.68 5.98 5.98a5.984 5.984 0 0 1-5.488 5.96a9.4 9.4 0 0 0 .285-2.056A3.994 3.994 0 0 0 27 13.98c0-2.03-1.53-3.718-3.507-3.952c.194.752.297 1.54.297 2.352"/><path fill="#7d4533" d="M14.41 20.67a8.29 8.29 0 0 0 8.29-8.29c0-4.578-5.035-7.29-8.29-7.29c-2.786 0-8.29 2.712-8.29 7.29a8.29 8.29 0 0 0 8.29 8.29"/><path fill="#9b9b9b" d="M6.14 12.966c.301-3.1 3.889-6.876 8.27-6.876c4.38 0 7.967 3.827 8.27 6.88q.02-.293.02-.59a8.29 8.29 0 1 0-16.56.586"/></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%2032%2032%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M14.5%2030C20.851%2030%2026%2024.851%2026%2018.5S20.851%207%2014.5%207S3%2012.149%203%2018.5S8.149%2030%2014.5%2030%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M14.42%2027.5c-5.17%200-9.38-4.7-9.38-9.87H23.8c0%205.17-4.21%209.87-9.38%209.87%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M21.4%2012.38a9.35%209.35%200%200%200-6.98-3.13a9.37%209.37%200%200%200-6.99%203.13H5.04v5.25c0%205.17%204.21%209.38%209.38%209.38c4.378%200%208.068-3.019%209.095-7.083l1.06-1.04s-.788-.652-.779-.996q.004-.13.004-.261v-5.25z%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M23.79%2012.38a9.38%209.38%200%201%201-1.08-4.372Q22.865%208%2023.02%208c3.3%200%205.98%202.68%205.98%205.98a5.984%205.984%200%200%201-5.488%205.96a9.4%209.4%200%200%200%20.285-2.056A3.994%203.994%200%200%200%2027%2013.98c0-2.03-1.53-3.718-3.507-3.952c.194.752.297%201.54.297%202.352%22%2F%3E%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%200%200%208.29-8.29c0-4.578-5.035-7.29-8.29-7.29c-2.786%200-8.29%202.712-8.29%207.29a8.29%208.29%200%200%200%208.29%208.29%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M6.14%2012.966c.301-3.1%203.889-6.876%208.27-6.876c4.38%200%207.967%203.827%208.27%206.88q.02-.293.02-.59a8.29%208.29%200%201%200-16.56.586%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%22none%22%3E%3Cpath%20fill%3D%22%23d3d3d3%22%20d%3D%22M14.5%2030C20.851%2030%2026%2024.851%2026%2018.5S20.851%207%2014.5%207S3%2012.149%203%2018.5S8.149%2030%2014.5%2030%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M14.42%2027.5c-5.17%200-9.38-4.7-9.38-9.87H23.8c0%205.17-4.21%209.87-9.38%209.87%22%2F%3E%3Cpath%20fill%3D%22%23e6e6e6%22%20d%3D%22M21.4%2012.38a9.35%209.35%200%200%200-6.98-3.13a9.37%209.37%200%200%200-6.99%203.13H5.04v5.25c0%205.17%204.21%209.38%209.38%209.38c4.378%200%208.068-3.019%209.095-7.083l1.06-1.04s-.788-.652-.779-.996q.004-.13.004-.261v-5.25z%22%2F%3E%3Cpath%20fill%3D%22%23f4f4f4%22%20d%3D%22M23.79%2012.38a9.38%209.38%200%201%201-1.08-4.372Q22.865%208%2023.02%208c3.3%200%205.98%202.68%205.98%205.98a5.984%205.984%200%200%201-5.488%205.96a9.4%209.4%200%200%200%20.285-2.056A3.994%203.994%200%200%200%2027%2013.98c0-2.03-1.53-3.718-3.507-3.952c.194.752.297%201.54.297%202.352%22%2F%3E%3Cpath%20fill%3D%22%237d4533%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%200%200%208.29-8.29c0-4.578-5.035-7.29-8.29-7.29c-2.786%200-8.29%202.712-8.29%207.29a8.29%208.29%200%200%200%208.29%208.29%22%2F%3E%3Cpath%20fill%3D%22%239b9b9b%22%20d%3D%22M6.14%2012.966c.301-3.1%203.889-6.876%208.27-6.876c4.38%200%207.967%203.827%208.27%206.88q.02-.293.02-.59a8.29%208.29%200%201%200-16.56.586%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-flat/hot-beverage.svg?color=%231a73e8&size=48