hot beverage emoji

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

Name
hot-beverage
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Related icons in Fluent Emoji

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="url(#i3QTNGc)" 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="url(#iKX4NGd)" 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="url(#ia7Mvid)" 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="url(#itrCBQd)" 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="url(#iwVk0Kc)" 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"/><g filter="url(#iO0zsfc)"><path fill="url(#i7NexPb)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#iRaY2JU)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#iZRCNce)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#ibnXywd)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/></g><path fill="#BFBAC9" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#ih0arwe)" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#ic9DlQp)" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#iuebvbc)" 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.38s9.38-4.21 9.38-9.38v-5.25z"/><path fill="#C5BCD4" d="M14.41 21.76a9.38 9.38 0 1 0 0-18.76a9.38 9.38 0 0 0 0 18.76"/><path fill="#835358" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#ieZFtyo)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#i1O7y2c)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#i4EhEvc)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><g filter="url(#iaiuzmd)"><path fill="url(#ixmDTkX)" d="M14.41 6.16c4.22 0 7.71 3.17 8.23 7.25c.04-.34.07-.69.07-1.04c0-4.57-3.72-8.29-8.29-8.29S6.13 7.8 6.13 12.37c0 .35.02.7.07 1.04c.5-4.08 3.99-7.25 8.21-7.25"/></g><defs><radialGradient id="iKX4NGd" cx="0" cy="0" r="1" gradientTransform="matrix(-.25 11.49998 -12.12653 -.26363 13.938 18.5)" gradientUnits="userSpaceOnUse"><stop offset=".721" stop-color="#9C8BB4"/><stop offset=".818" stop-color="#9D8FB2" stop-opacity="0"/></radialGradient><radialGradient id="ia7Mvid" cx="0" cy="0" r="1" gradientTransform="rotate(90 5.406 18.969)scale(8.0625)" gradientUnits="userSpaceOnUse"><stop offset=".504" stop-color="#9D98A8"/><stop offset="1" stop-color="#9F9AAA" stop-opacity="0"/></radialGradient><radialGradient id="itrCBQd" cx="0" cy="0" r="1" gradientTransform="matrix(6.24998 8.93748 -5.02131 3.5114 25.125 12.813)" gradientUnits="userSpaceOnUse"><stop offset=".253" stop-color="#D1D0D7"/><stop offset="1" stop-color="#D3D2D9" stop-opacity="0"/></radialGradient><radialGradient id="iRaY2JU" cx="0" cy="0" r="1" gradientTransform="matrix(-.5625 11.375 -12.21727 -.60415 14.125 18.625)" gradientUnits="userSpaceOnUse"><stop offset=".721" stop-color="#9C8BB4"/><stop offset=".818" stop-color="#9D8FB2" stop-opacity="0"/></radialGradient><radialGradient id="iZRCNce" cx="0" cy="0" r="1" gradientTransform="rotate(64.428 -7.57 19.875)scale(11.2938 10.2545)" gradientUnits="userSpaceOnUse"><stop offset=".914" stop-color="#BCB2CD" stop-opacity="0"/><stop offset=".989" stop-color="#BEB2CF"/></radialGradient><radialGradient id="ibnXywd" cx="0" cy="0" r="1" gradientTransform="matrix(0 7.66814 -7.81055 0 24.05 13.929)" gradientUnits="userSpaceOnUse"><stop offset=".504" stop-color="#9D98A8"/><stop offset="1" stop-color="#9F9AAA" stop-opacity="0"/></radialGradient><radialGradient id="ih0arwe" cx="0" cy="0" r="1" gradientTransform="rotate(90 4.55 18.5)scale(5.98)" gradientUnits="userSpaceOnUse"><stop offset=".678" stop-color="#958DA3"/><stop offset=".793" stop-color="#AF9DC6"/><stop offset="1" stop-color="#B4A3CA" stop-opacity="0"/></radialGradient><radialGradient id="ic9DlQp" cx="0" cy="0" r="1" gradientTransform="rotate(88.078 2.926 20.81)scale(9.31774 7.06691)" gradientUnits="userSpaceOnUse"><stop offset=".806" stop-color="#D9D6E0" stop-opacity="0"/><stop offset=".907" stop-color="#D8D6E0"/><stop offset="1" stop-color="#D8D6E0" stop-opacity="0"/></radialGradient><radialGradient id="ieZFtyo" cx="0" cy="0" r="1" gradientTransform="rotate(90 .767 13.643)scale(12.75)" gradientUnits="userSpaceOnUse"><stop offset=".377" stop-color="#835358"/><stop offset=".623" stop-color="#744C4D"/></radialGradient><radialGradient id="i1O7y2c" cx="0" cy="0" r="1" gradientTransform="matrix(0 21.25 -20.035 0 14.41 12.875)" gradientUnits="userSpaceOnUse"><stop offset=".371" stop-color="#502728" stop-opacity="0"/><stop offset=".405" stop-color="#552C2B"/></radialGradient><radialGradient id="i4EhEvc" cx="0" cy="0" r="1" gradientTransform="matrix(0 15 -14.3475 0 14.41 14.875)" gradientUnits="userSpaceOnUse"><stop offset=".55" stop-color="#502728" stop-opacity="0"/><stop offset=".596" stop-color="#552C2B"/></radialGradient><linearGradient id="i3QTNGc" x1="10.75" x2="21.125" y1="9.125" y2="30.875" gradientUnits="userSpaceOnUse"><stop stop-color="#99989F"/><stop offset=".453" stop-color="#A99BBE"/><stop offset=".877" stop-color="#C7BBDA"/></linearGradient><linearGradient id="iwVk0Kc" x1="15.375" x2="15.375" y1="30.5" y2="17.625" gradientUnits="userSpaceOnUse"><stop stop-color="#AD95C8"/><stop offset="1" stop-color="#AD95C8" stop-opacity="0"/></linearGradient><linearGradient id="i7NexPb" x1="10.852" x2="20.605" y1="9.709" y2="30.534" gradientUnits="userSpaceOnUse"><stop stop-color="#99989F"/><stop offset=".453" stop-color="#A99BBE"/><stop offset=".877" stop-color="#C7BBDA"/></linearGradient><linearGradient id="iuebvbc" x1="5.04" x2="23.8" y1="20.25" y2="20.25" gradientUnits="userSpaceOnUse"><stop stop-color="#A6A1B0"/><stop offset=".258" stop-color="#B1A1C6"/><stop offset=".644" stop-color="#B19BCB"/><stop offset="1" stop-color="#B5AEC1"/></linearGradient><linearGradient id="ixmDTkX" x1="6.13" x2="22.71" y1="10.438" y2="10.438" gradientUnits="userSpaceOnUse"><stop stop-color="#A298A8"/><stop offset=".49" stop-color="#9F8FAE"/><stop offset="1" stop-color="#8C8191"/></linearGradient><filter id="iO0zsfc" width="23.281" height="22.875" x="2.844" y="7.188" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30459" stdDeviation=".25"/></filter><filter id="iaiuzmd" width="24.58" height="17.33" x="2.13" y="4.08" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_30459"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_30459" result="shape"/></filter></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiHotBeverage(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="url(#i3QTNGc)" 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="url(#iKX4NGd)" 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="url(#ia7Mvid)" 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="url(#itrCBQd)" 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="url(#iwVk0Kc)" 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"/><g filter="url(#iO0zsfc)"><path fill="url(#i7NexPb)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#iRaY2JU)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#iZRCNce)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#ibnXywd)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/></g><path fill="#BFBAC9" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#ih0arwe)" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#ic9DlQp)" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#iuebvbc)" 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.38s9.38-4.21 9.38-9.38v-5.25z"/><path fill="#C5BCD4" d="M14.41 21.76a9.38 9.38 0 1 0 0-18.76a9.38 9.38 0 0 0 0 18.76"/><path fill="#835358" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#ieZFtyo)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#i1O7y2c)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#i4EhEvc)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><g filter="url(#iaiuzmd)"><path fill="url(#ixmDTkX)" d="M14.41 6.16c4.22 0 7.71 3.17 8.23 7.25c.04-.34.07-.69.07-1.04c0-4.57-3.72-8.29-8.29-8.29S6.13 7.8 6.13 12.37c0 .35.02.7.07 1.04c.5-4.08 3.99-7.25 8.21-7.25"/></g><defs><radialGradient id="iKX4NGd" cx="0" cy="0" r="1" gradientTransform="matrix(-.25 11.49998 -12.12653 -.26363 13.938 18.5)" gradientUnits="userSpaceOnUse"><stop offset=".721" stopColor="#9C8BB4"/><stop offset=".818" stopColor="#9D8FB2" stopOpacity="0"/></radialGradient><radialGradient id="ia7Mvid" cx="0" cy="0" r="1" gradientTransform="rotate(90 5.406 18.969)scale(8.0625)" gradientUnits="userSpaceOnUse"><stop offset=".504" stopColor="#9D98A8"/><stop offset="1" stopColor="#9F9AAA" stopOpacity="0"/></radialGradient><radialGradient id="itrCBQd" cx="0" cy="0" r="1" gradientTransform="matrix(6.24998 8.93748 -5.02131 3.5114 25.125 12.813)" gradientUnits="userSpaceOnUse"><stop offset=".253" stopColor="#D1D0D7"/><stop offset="1" stopColor="#D3D2D9" stopOpacity="0"/></radialGradient><radialGradient id="iRaY2JU" cx="0" cy="0" r="1" gradientTransform="matrix(-.5625 11.375 -12.21727 -.60415 14.125 18.625)" gradientUnits="userSpaceOnUse"><stop offset=".721" stopColor="#9C8BB4"/><stop offset=".818" stopColor="#9D8FB2" stopOpacity="0"/></radialGradient><radialGradient id="iZRCNce" cx="0" cy="0" r="1" gradientTransform="rotate(64.428 -7.57 19.875)scale(11.2938 10.2545)" gradientUnits="userSpaceOnUse"><stop offset=".914" stopColor="#BCB2CD" stopOpacity="0"/><stop offset=".989" stopColor="#BEB2CF"/></radialGradient><radialGradient id="ibnXywd" cx="0" cy="0" r="1" gradientTransform="matrix(0 7.66814 -7.81055 0 24.05 13.929)" gradientUnits="userSpaceOnUse"><stop offset=".504" stopColor="#9D98A8"/><stop offset="1" stopColor="#9F9AAA" stopOpacity="0"/></radialGradient><radialGradient id="ih0arwe" cx="0" cy="0" r="1" gradientTransform="rotate(90 4.55 18.5)scale(5.98)" gradientUnits="userSpaceOnUse"><stop offset=".678" stopColor="#958DA3"/><stop offset=".793" stopColor="#AF9DC6"/><stop offset="1" stopColor="#B4A3CA" stopOpacity="0"/></radialGradient><radialGradient id="ic9DlQp" cx="0" cy="0" r="1" gradientTransform="rotate(88.078 2.926 20.81)scale(9.31774 7.06691)" gradientUnits="userSpaceOnUse"><stop offset=".806" stopColor="#D9D6E0" stopOpacity="0"/><stop offset=".907" stopColor="#D8D6E0"/><stop offset="1" stopColor="#D8D6E0" stopOpacity="0"/></radialGradient><radialGradient id="ieZFtyo" cx="0" cy="0" r="1" gradientTransform="rotate(90 .767 13.643)scale(12.75)" gradientUnits="userSpaceOnUse"><stop offset=".377" stopColor="#835358"/><stop offset=".623" stopColor="#744C4D"/></radialGradient><radialGradient id="i1O7y2c" cx="0" cy="0" r="1" gradientTransform="matrix(0 21.25 -20.035 0 14.41 12.875)" gradientUnits="userSpaceOnUse"><stop offset=".371" stopColor="#502728" stopOpacity="0"/><stop offset=".405" stopColor="#552C2B"/></radialGradient><radialGradient id="i4EhEvc" cx="0" cy="0" r="1" gradientTransform="matrix(0 15 -14.3475 0 14.41 14.875)" gradientUnits="userSpaceOnUse"><stop offset=".55" stopColor="#502728" stopOpacity="0"/><stop offset=".596" stopColor="#552C2B"/></radialGradient><linearGradient id="i3QTNGc" x1="10.75" x2="21.125" y1="9.125" y2="30.875" gradientUnits="userSpaceOnUse"><stop stopColor="#99989F"/><stop offset=".453" stopColor="#A99BBE"/><stop offset=".877" stopColor="#C7BBDA"/></linearGradient><linearGradient id="iwVk0Kc" x1="15.375" x2="15.375" y1="30.5" y2="17.625" gradientUnits="userSpaceOnUse"><stop stopColor="#AD95C8"/><stop offset="1" stopColor="#AD95C8" stopOpacity="0"/></linearGradient><linearGradient id="i7NexPb" x1="10.852" x2="20.605" y1="9.709" y2="30.534" gradientUnits="userSpaceOnUse"><stop stopColor="#99989F"/><stop offset=".453" stopColor="#A99BBE"/><stop offset=".877" stopColor="#C7BBDA"/></linearGradient><linearGradient id="iuebvbc" x1="5.04" x2="23.8" y1="20.25" y2="20.25" gradientUnits="userSpaceOnUse"><stop stopColor="#A6A1B0"/><stop offset=".258" stopColor="#B1A1C6"/><stop offset=".644" stopColor="#B19BCB"/><stop offset="1" stopColor="#B5AEC1"/></linearGradient><linearGradient id="ixmDTkX" x1="6.13" x2="22.71" y1="10.438" y2="10.438" gradientUnits="userSpaceOnUse"><stop stopColor="#A298A8"/><stop offset=".49" stopColor="#9F8FAE"/><stop offset="1" stopColor="#8C8191"/></linearGradient><filter id="iO0zsfc" width="23.281" height="22.875" x="2.844" y="7.188" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30459" stdDeviation=".25"/></filter><filter id="iaiuzmd" width="24.58" height="17.33" x="2.13" y="4.08" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_30459"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_30459" result="shape"/></filter></defs></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="url(#i3QTNGc)" 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="url(#iKX4NGd)" 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="url(#ia7Mvid)" 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="url(#itrCBQd)" 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="url(#iwVk0Kc)" 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"/><g filter="url(#iO0zsfc)"><path fill="url(#i7NexPb)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#iRaY2JU)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#iZRCNce)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/><path fill="url(#ibnXywd)" d="M14.484 29.563c6.153 0 11.141-4.897 11.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343 12.584 3.343 18.624s4.988 10.938 11.14 10.938"/></g><path fill="#BFBAC9" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#ih0arwe)" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#ic9DlQp)" d="M23.05 9.97c2.2 0 3.98 1.79 3.98 3.98a3.99 3.99 0 0 1-3.98 3.98a3.99 3.99 0 0 1-3.98-3.98c0-2.19 1.78-3.98 3.98-3.98m0-2c-3.3 0-5.98 2.68-5.98 5.98s2.68 5.98 5.98 5.98s5.98-2.68 5.98-5.98s-2.68-5.98-5.98-5.98"/><path fill="url(#iuebvbc)" 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.38s9.38-4.21 9.38-9.38v-5.25z"/><path fill="#C5BCD4" d="M14.41 21.76a9.38 9.38 0 1 0 0-18.76a9.38 9.38 0 0 0 0 18.76"/><path fill="#835358" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#ieZFtyo)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#i1O7y2c)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><path fill="url(#i4EhEvc)" d="M14.41 20.67a8.29 8.29 0 1 0 0-16.58a8.29 8.29 0 0 0 0 16.58"/><g filter="url(#iaiuzmd)"><path fill="url(#ixmDTkX)" d="M14.41 6.16c4.22 0 7.71 3.17 8.23 7.25c.04-.34.07-.69.07-1.04c0-4.57-3.72-8.29-8.29-8.29S6.13 7.8 6.13 12.37c0 .35.02.7.07 1.04c.5-4.08 3.99-7.25 8.21-7.25"/></g><defs><radialGradient id="iKX4NGd" cx="0" cy="0" r="1" gradientTransform="matrix(-.25 11.49998 -12.12653 -.26363 13.938 18.5)" gradientUnits="userSpaceOnUse"><stop offset=".721" stop-color="#9C8BB4"/><stop offset=".818" stop-color="#9D8FB2" stop-opacity="0"/></radialGradient><radialGradient id="ia7Mvid" cx="0" cy="0" r="1" gradientTransform="rotate(90 5.406 18.969)scale(8.0625)" gradientUnits="userSpaceOnUse"><stop offset=".504" stop-color="#9D98A8"/><stop offset="1" stop-color="#9F9AAA" stop-opacity="0"/></radialGradient><radialGradient id="itrCBQd" cx="0" cy="0" r="1" gradientTransform="matrix(6.24998 8.93748 -5.02131 3.5114 25.125 12.813)" gradientUnits="userSpaceOnUse"><stop offset=".253" stop-color="#D1D0D7"/><stop offset="1" stop-color="#D3D2D9" stop-opacity="0"/></radialGradient><radialGradient id="iRaY2JU" cx="0" cy="0" r="1" gradientTransform="matrix(-.5625 11.375 -12.21727 -.60415 14.125 18.625)" gradientUnits="userSpaceOnUse"><stop offset=".721" stop-color="#9C8BB4"/><stop offset=".818" stop-color="#9D8FB2" stop-opacity="0"/></radialGradient><radialGradient id="iZRCNce" cx="0" cy="0" r="1" gradientTransform="rotate(64.428 -7.57 19.875)scale(11.2938 10.2545)" gradientUnits="userSpaceOnUse"><stop offset=".914" stop-color="#BCB2CD" stop-opacity="0"/><stop offset=".989" stop-color="#BEB2CF"/></radialGradient><radialGradient id="ibnXywd" cx="0" cy="0" r="1" gradientTransform="matrix(0 7.66814 -7.81055 0 24.05 13.929)" gradientUnits="userSpaceOnUse"><stop offset=".504" stop-color="#9D98A8"/><stop offset="1" stop-color="#9F9AAA" stop-opacity="0"/></radialGradient><radialGradient id="ih0arwe" cx="0" cy="0" r="1" gradientTransform="rotate(90 4.55 18.5)scale(5.98)" gradientUnits="userSpaceOnUse"><stop offset=".678" stop-color="#958DA3"/><stop offset=".793" stop-color="#AF9DC6"/><stop offset="1" stop-color="#B4A3CA" stop-opacity="0"/></radialGradient><radialGradient id="ic9DlQp" cx="0" cy="0" r="1" gradientTransform="rotate(88.078 2.926 20.81)scale(9.31774 7.06691)" gradientUnits="userSpaceOnUse"><stop offset=".806" stop-color="#D9D6E0" stop-opacity="0"/><stop offset=".907" stop-color="#D8D6E0"/><stop offset="1" stop-color="#D8D6E0" stop-opacity="0"/></radialGradient><radialGradient id="ieZFtyo" cx="0" cy="0" r="1" gradientTransform="rotate(90 .767 13.643)scale(12.75)" gradientUnits="userSpaceOnUse"><stop offset=".377" stop-color="#835358"/><stop offset=".623" stop-color="#744C4D"/></radialGradient><radialGradient id="i1O7y2c" cx="0" cy="0" r="1" gradientTransform="matrix(0 21.25 -20.035 0 14.41 12.875)" gradientUnits="userSpaceOnUse"><stop offset=".371" stop-color="#502728" stop-opacity="0"/><stop offset=".405" stop-color="#552C2B"/></radialGradient><radialGradient id="i4EhEvc" cx="0" cy="0" r="1" gradientTransform="matrix(0 15 -14.3475 0 14.41 14.875)" gradientUnits="userSpaceOnUse"><stop offset=".55" stop-color="#502728" stop-opacity="0"/><stop offset=".596" stop-color="#552C2B"/></radialGradient><linearGradient id="i3QTNGc" x1="10.75" x2="21.125" y1="9.125" y2="30.875" gradientUnits="userSpaceOnUse"><stop stop-color="#99989F"/><stop offset=".453" stop-color="#A99BBE"/><stop offset=".877" stop-color="#C7BBDA"/></linearGradient><linearGradient id="iwVk0Kc" x1="15.375" x2="15.375" y1="30.5" y2="17.625" gradientUnits="userSpaceOnUse"><stop stop-color="#AD95C8"/><stop offset="1" stop-color="#AD95C8" stop-opacity="0"/></linearGradient><linearGradient id="i7NexPb" x1="10.852" x2="20.605" y1="9.709" y2="30.534" gradientUnits="userSpaceOnUse"><stop stop-color="#99989F"/><stop offset=".453" stop-color="#A99BBE"/><stop offset=".877" stop-color="#C7BBDA"/></linearGradient><linearGradient id="iuebvbc" x1="5.04" x2="23.8" y1="20.25" y2="20.25" gradientUnits="userSpaceOnUse"><stop stop-color="#A6A1B0"/><stop offset=".258" stop-color="#B1A1C6"/><stop offset=".644" stop-color="#B19BCB"/><stop offset="1" stop-color="#B5AEC1"/></linearGradient><linearGradient id="ixmDTkX" x1="6.13" x2="22.71" y1="10.438" y2="10.438" gradientUnits="userSpaceOnUse"><stop stop-color="#A298A8"/><stop offset=".49" stop-color="#9F8FAE"/><stop offset="1" stop-color="#8C8191"/></linearGradient><filter id="iO0zsfc" width="23.281" height="22.875" x="2.844" y="7.188" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_30459" stdDeviation=".25"/></filter><filter id="iaiuzmd" width="24.58" height="17.33" x="2.13" y="4.08" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="4"/><feGaussianBlur stdDeviation="2"/><feComposite in2="hardAlpha" operator="out"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="BackgroundImageFix" result="effect1_dropShadow_18_30459"/><feBlend in="SourceGraphic" in2="effect1_dropShadow_18_30459" result="shape"/></filter></defs></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%22url(%23i3QTNGc)%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%22url(%23iKX4NGd)%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%22url(%23ia7Mvid)%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%22url(%23itrCBQd)%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%22url(%23iwVk0Kc)%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%3Cg%20filter%3D%22url(%23iO0zsfc)%22%3E%3Cpath%20fill%3D%22url(%23i7NexPb)%22%20d%3D%22M14.484%2029.563c6.153%200%2011.141-4.897%2011.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343%2012.584%203.343%2018.624s4.988%2010.938%2011.14%2010.938%22%2F%3E%3Cpath%20fill%3D%22url(%23iRaY2JU)%22%20d%3D%22M14.484%2029.563c6.153%200%2011.141-4.897%2011.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343%2012.584%203.343%2018.624s4.988%2010.938%2011.14%2010.938%22%2F%3E%3Cpath%20fill%3D%22url(%23iZRCNce)%22%20d%3D%22M14.484%2029.563c6.153%200%2011.141-4.897%2011.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343%2012.584%203.343%2018.624s4.988%2010.938%2011.14%2010.938%22%2F%3E%3Cpath%20fill%3D%22url(%23ibnXywd)%22%20d%3D%22M14.484%2029.563c6.153%200%2011.141-4.897%2011.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343%2012.584%203.343%2018.624s4.988%2010.938%2011.14%2010.938%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23BFBAC9%22%20d%3D%22M23.05%209.97c2.2%200%203.98%201.79%203.98%203.98a3.99%203.99%200%200%201-3.98%203.98a3.99%203.99%200%200%201-3.98-3.98c0-2.19%201.78-3.98%203.98-3.98m0-2c-3.3%200-5.98%202.68-5.98%205.98s2.68%205.98%205.98%205.98s5.98-2.68%205.98-5.98s-2.68-5.98-5.98-5.98%22%2F%3E%3Cpath%20fill%3D%22url(%23ih0arwe)%22%20d%3D%22M23.05%209.97c2.2%200%203.98%201.79%203.98%203.98a3.99%203.99%200%200%201-3.98%203.98a3.99%203.99%200%200%201-3.98-3.98c0-2.19%201.78-3.98%203.98-3.98m0-2c-3.3%200-5.98%202.68-5.98%205.98s2.68%205.98%205.98%205.98s5.98-2.68%205.98-5.98s-2.68-5.98-5.98-5.98%22%2F%3E%3Cpath%20fill%3D%22url(%23ic9DlQp)%22%20d%3D%22M23.05%209.97c2.2%200%203.98%201.79%203.98%203.98a3.99%203.99%200%200%201-3.98%203.98a3.99%203.99%200%200%201-3.98-3.98c0-2.19%201.78-3.98%203.98-3.98m0-2c-3.3%200-5.98%202.68-5.98%205.98s2.68%205.98%205.98%205.98s5.98-2.68%205.98-5.98s-2.68-5.98-5.98-5.98%22%2F%3E%3Cpath%20fill%3D%22url(%23iuebvbc)%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.38s9.38-4.21%209.38-9.38v-5.25z%22%2F%3E%3Cpath%20fill%3D%22%23C5BCD4%22%20d%3D%22M14.41%2021.76a9.38%209.38%200%201%200%200-18.76a9.38%209.38%200%200%200%200%2018.76%22%2F%3E%3Cpath%20fill%3D%22%23835358%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%201%200%200-16.58a8.29%208.29%200%200%200%200%2016.58%22%2F%3E%3Cpath%20fill%3D%22url(%23ieZFtyo)%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%201%200%200-16.58a8.29%208.29%200%200%200%200%2016.58%22%2F%3E%3Cpath%20fill%3D%22url(%23i1O7y2c)%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%201%200%200-16.58a8.29%208.29%200%200%200%200%2016.58%22%2F%3E%3Cpath%20fill%3D%22url(%23i4EhEvc)%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%201%200%200-16.58a8.29%208.29%200%200%200%200%2016.58%22%2F%3E%3Cg%20filter%3D%22url(%23iaiuzmd)%22%3E%3Cpath%20fill%3D%22url(%23ixmDTkX)%22%20d%3D%22M14.41%206.16c4.22%200%207.71%203.17%208.23%207.25c.04-.34.07-.69.07-1.04c0-4.57-3.72-8.29-8.29-8.29S6.13%207.8%206.13%2012.37c0%20.35.02.7.07%201.04c.5-4.08%203.99-7.25%208.21-7.25%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient%20id%3D%22iKX4NGd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.25%2011.49998%20-12.12653%20-.26363%2013.938%2018.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.721%22%20stop-color%3D%22%239C8BB4%22%2F%3E%3Cstop%20offset%3D%22.818%22%20stop-color%3D%22%239D8FB2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ia7Mvid%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(90%205.406%2018.969)scale(8.0625)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.504%22%20stop-color%3D%22%239D98A8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239F9AAA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22itrCBQd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(6.24998%208.93748%20-5.02131%203.5114%2025.125%2012.813)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.253%22%20stop-color%3D%22%23D1D0D7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D3D2D9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iRaY2JU%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.5625%2011.375%20-12.21727%20-.60415%2014.125%2018.625)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.721%22%20stop-color%3D%22%239C8BB4%22%2F%3E%3Cstop%20offset%3D%22.818%22%20stop-color%3D%22%239D8FB2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iZRCNce%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(64.428%20-7.57%2019.875)scale(11.2938%2010.2545)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.914%22%20stop-color%3D%22%23BCB2CD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.989%22%20stop-color%3D%22%23BEB2CF%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ibnXywd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%207.66814%20-7.81055%200%2024.05%2013.929)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.504%22%20stop-color%3D%22%239D98A8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239F9AAA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ih0arwe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(90%204.55%2018.5)scale(5.98)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.678%22%20stop-color%3D%22%23958DA3%22%2F%3E%3Cstop%20offset%3D%22.793%22%20stop-color%3D%22%23AF9DC6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B4A3CA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ic9DlQp%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(88.078%202.926%2020.81)scale(9.31774%207.06691)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.806%22%20stop-color%3D%22%23D9D6E0%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.907%22%20stop-color%3D%22%23D8D6E0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8D6E0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ieZFtyo%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(90%20.767%2013.643)scale(12.75)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.377%22%20stop-color%3D%22%23835358%22%2F%3E%3Cstop%20offset%3D%22.623%22%20stop-color%3D%22%23744C4D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i1O7y2c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%2021.25%20-20.035%200%2014.41%2012.875)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.371%22%20stop-color%3D%22%23502728%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.405%22%20stop-color%3D%22%23552C2B%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i4EhEvc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%2015%20-14.3475%200%2014.41%2014.875)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23502728%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.596%22%20stop-color%3D%22%23552C2B%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22i3QTNGc%22%20x1%3D%2210.75%22%20x2%3D%2221.125%22%20y1%3D%229.125%22%20y2%3D%2230.875%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2399989F%22%2F%3E%3Cstop%20offset%3D%22.453%22%20stop-color%3D%22%23A99BBE%22%2F%3E%3Cstop%20offset%3D%22.877%22%20stop-color%3D%22%23C7BBDA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iwVk0Kc%22%20x1%3D%2215.375%22%20x2%3D%2215.375%22%20y1%3D%2230.5%22%20y2%3D%2217.625%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AD95C8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AD95C8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i7NexPb%22%20x1%3D%2210.852%22%20x2%3D%2220.605%22%20y1%3D%229.709%22%20y2%3D%2230.534%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2399989F%22%2F%3E%3Cstop%20offset%3D%22.453%22%20stop-color%3D%22%23A99BBE%22%2F%3E%3Cstop%20offset%3D%22.877%22%20stop-color%3D%22%23C7BBDA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iuebvbc%22%20x1%3D%225.04%22%20x2%3D%2223.8%22%20y1%3D%2220.25%22%20y2%3D%2220.25%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A6A1B0%22%2F%3E%3Cstop%20offset%3D%22.258%22%20stop-color%3D%22%23B1A1C6%22%2F%3E%3Cstop%20offset%3D%22.644%22%20stop-color%3D%22%23B19BCB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B5AEC1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixmDTkX%22%20x1%3D%226.13%22%20x2%3D%2222.71%22%20y1%3D%2210.438%22%20y2%3D%2210.438%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A298A8%22%2F%3E%3Cstop%20offset%3D%22.49%22%20stop-color%3D%22%239F8FAE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238C8191%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22iO0zsfc%22%20width%3D%2223.281%22%20height%3D%2222.875%22%20x%3D%222.844%22%20y%3D%227.188%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_30459%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iaiuzmd%22%20width%3D%2224.58%22%20height%3D%2217.33%22%20x%3D%222.13%22%20y%3D%224.08%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%224%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_18_30459%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_18_30459%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%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%22url(%23i3QTNGc)%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%22url(%23iKX4NGd)%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%22url(%23ia7Mvid)%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%22url(%23itrCBQd)%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%22url(%23iwVk0Kc)%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%3Cg%20filter%3D%22url(%23iO0zsfc)%22%3E%3Cpath%20fill%3D%22url(%23i7NexPb)%22%20d%3D%22M14.484%2029.563c6.153%200%2011.141-4.897%2011.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343%2012.584%203.343%2018.624s4.988%2010.938%2011.14%2010.938%22%2F%3E%3Cpath%20fill%3D%22url(%23iRaY2JU)%22%20d%3D%22M14.484%2029.563c6.153%200%2011.141-4.897%2011.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343%2012.584%203.343%2018.624s4.988%2010.938%2011.14%2010.938%22%2F%3E%3Cpath%20fill%3D%22url(%23iZRCNce)%22%20d%3D%22M14.484%2029.563c6.153%200%2011.141-4.897%2011.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343%2012.584%203.343%2018.624s4.988%2010.938%2011.14%2010.938%22%2F%3E%3Cpath%20fill%3D%22url(%23ibnXywd)%22%20d%3D%22M14.484%2029.563c6.153%200%2011.141-4.897%2011.141-10.938c0-6.04-4.988-10.937-11.14-10.937S3.343%2012.584%203.343%2018.624s4.988%2010.938%2011.14%2010.938%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22%23BFBAC9%22%20d%3D%22M23.05%209.97c2.2%200%203.98%201.79%203.98%203.98a3.99%203.99%200%200%201-3.98%203.98a3.99%203.99%200%200%201-3.98-3.98c0-2.19%201.78-3.98%203.98-3.98m0-2c-3.3%200-5.98%202.68-5.98%205.98s2.68%205.98%205.98%205.98s5.98-2.68%205.98-5.98s-2.68-5.98-5.98-5.98%22%2F%3E%3Cpath%20fill%3D%22url(%23ih0arwe)%22%20d%3D%22M23.05%209.97c2.2%200%203.98%201.79%203.98%203.98a3.99%203.99%200%200%201-3.98%203.98a3.99%203.99%200%200%201-3.98-3.98c0-2.19%201.78-3.98%203.98-3.98m0-2c-3.3%200-5.98%202.68-5.98%205.98s2.68%205.98%205.98%205.98s5.98-2.68%205.98-5.98s-2.68-5.98-5.98-5.98%22%2F%3E%3Cpath%20fill%3D%22url(%23ic9DlQp)%22%20d%3D%22M23.05%209.97c2.2%200%203.98%201.79%203.98%203.98a3.99%203.99%200%200%201-3.98%203.98a3.99%203.99%200%200%201-3.98-3.98c0-2.19%201.78-3.98%203.98-3.98m0-2c-3.3%200-5.98%202.68-5.98%205.98s2.68%205.98%205.98%205.98s5.98-2.68%205.98-5.98s-2.68-5.98-5.98-5.98%22%2F%3E%3Cpath%20fill%3D%22url(%23iuebvbc)%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.38s9.38-4.21%209.38-9.38v-5.25z%22%2F%3E%3Cpath%20fill%3D%22%23C5BCD4%22%20d%3D%22M14.41%2021.76a9.38%209.38%200%201%200%200-18.76a9.38%209.38%200%200%200%200%2018.76%22%2F%3E%3Cpath%20fill%3D%22%23835358%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%201%200%200-16.58a8.29%208.29%200%200%200%200%2016.58%22%2F%3E%3Cpath%20fill%3D%22url(%23ieZFtyo)%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%201%200%200-16.58a8.29%208.29%200%200%200%200%2016.58%22%2F%3E%3Cpath%20fill%3D%22url(%23i1O7y2c)%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%201%200%200-16.58a8.29%208.29%200%200%200%200%2016.58%22%2F%3E%3Cpath%20fill%3D%22url(%23i4EhEvc)%22%20d%3D%22M14.41%2020.67a8.29%208.29%200%201%200%200-16.58a8.29%208.29%200%200%200%200%2016.58%22%2F%3E%3Cg%20filter%3D%22url(%23iaiuzmd)%22%3E%3Cpath%20fill%3D%22url(%23ixmDTkX)%22%20d%3D%22M14.41%206.16c4.22%200%207.71%203.17%208.23%207.25c.04-.34.07-.69.07-1.04c0-4.57-3.72-8.29-8.29-8.29S6.13%207.8%206.13%2012.37c0%20.35.02.7.07%201.04c.5-4.08%203.99-7.25%208.21-7.25%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CradialGradient%20id%3D%22iKX4NGd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.25%2011.49998%20-12.12653%20-.26363%2013.938%2018.5)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.721%22%20stop-color%3D%22%239C8BB4%22%2F%3E%3Cstop%20offset%3D%22.818%22%20stop-color%3D%22%239D8FB2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ia7Mvid%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(90%205.406%2018.969)scale(8.0625)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.504%22%20stop-color%3D%22%239D98A8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239F9AAA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22itrCBQd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(6.24998%208.93748%20-5.02131%203.5114%2025.125%2012.813)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.253%22%20stop-color%3D%22%23D1D0D7%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D3D2D9%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iRaY2JU%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.5625%2011.375%20-12.21727%20-.60415%2014.125%2018.625)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.721%22%20stop-color%3D%22%239C8BB4%22%2F%3E%3Cstop%20offset%3D%22.818%22%20stop-color%3D%22%239D8FB2%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iZRCNce%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(64.428%20-7.57%2019.875)scale(11.2938%2010.2545)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.914%22%20stop-color%3D%22%23BCB2CD%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.989%22%20stop-color%3D%22%23BEB2CF%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ibnXywd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%207.66814%20-7.81055%200%2024.05%2013.929)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.504%22%20stop-color%3D%22%239D98A8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239F9AAA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ih0arwe%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(90%204.55%2018.5)scale(5.98)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.678%22%20stop-color%3D%22%23958DA3%22%2F%3E%3Cstop%20offset%3D%22.793%22%20stop-color%3D%22%23AF9DC6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B4A3CA%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ic9DlQp%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(88.078%202.926%2020.81)scale(9.31774%207.06691)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.806%22%20stop-color%3D%22%23D9D6E0%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.907%22%20stop-color%3D%22%23D8D6E0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D8D6E0%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ieZFtyo%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(90%20.767%2013.643)scale(12.75)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.377%22%20stop-color%3D%22%23835358%22%2F%3E%3Cstop%20offset%3D%22.623%22%20stop-color%3D%22%23744C4D%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i1O7y2c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%2021.25%20-20.035%200%2014.41%2012.875)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.371%22%20stop-color%3D%22%23502728%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.405%22%20stop-color%3D%22%23552C2B%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i4EhEvc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%2015%20-14.3475%200%2014.41%2014.875)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%23502728%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.596%22%20stop-color%3D%22%23552C2B%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22i3QTNGc%22%20x1%3D%2210.75%22%20x2%3D%2221.125%22%20y1%3D%229.125%22%20y2%3D%2230.875%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2399989F%22%2F%3E%3Cstop%20offset%3D%22.453%22%20stop-color%3D%22%23A99BBE%22%2F%3E%3Cstop%20offset%3D%22.877%22%20stop-color%3D%22%23C7BBDA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iwVk0Kc%22%20x1%3D%2215.375%22%20x2%3D%2215.375%22%20y1%3D%2230.5%22%20y2%3D%2217.625%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AD95C8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23AD95C8%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i7NexPb%22%20x1%3D%2210.852%22%20x2%3D%2220.605%22%20y1%3D%229.709%22%20y2%3D%2230.534%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2399989F%22%2F%3E%3Cstop%20offset%3D%22.453%22%20stop-color%3D%22%23A99BBE%22%2F%3E%3Cstop%20offset%3D%22.877%22%20stop-color%3D%22%23C7BBDA%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iuebvbc%22%20x1%3D%225.04%22%20x2%3D%2223.8%22%20y1%3D%2220.25%22%20y2%3D%2220.25%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A6A1B0%22%2F%3E%3Cstop%20offset%3D%22.258%22%20stop-color%3D%22%23B1A1C6%22%2F%3E%3Cstop%20offset%3D%22.644%22%20stop-color%3D%22%23B19BCB%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B5AEC1%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ixmDTkX%22%20x1%3D%226.13%22%20x2%3D%2222.71%22%20y1%3D%2210.438%22%20y2%3D%2210.438%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A298A8%22%2F%3E%3Cstop%20offset%3D%22.49%22%20stop-color%3D%22%239F8FAE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238C8191%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22iO0zsfc%22%20width%3D%2223.281%22%20height%3D%2222.875%22%20x%3D%222.844%22%20y%3D%227.188%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18_30459%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iaiuzmd%22%20width%3D%2224.58%22%20height%3D%2217.33%22%20x%3D%222.13%22%20y%3D%224.08%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%224%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%222%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.25%200%22%2F%3E%3CfeBlend%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_18_30459%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_18_30459%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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