hot drink icon
hot-drink-filled from Reicon by REICON · Filled · Food · MIT Free for personal and commercial use.
- Name
- hot-drink-filled
- Set
- Reicon
- Style
- Filled
- Category
- Food
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More food icons from Reicon
Use the hot drink icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.028 6.648a1 1 0 0 1-.916-1.399a4.4 4.4 0 0 1 .584-.974c.295-.371.577-.595.804-.776c.187-.15.335-.267.497-.464c.415-.506.64-1.202.67-2.068c.02-.552.498-.99 1.033-.966a1 1 0 0 1 .965 1.034c-.045 1.314-.423 2.413-1.121 3.266a5 5 0 0 1-.797.762a2.6 2.6 0 0 0-.486.457q-.187.236-.316.53a1 1 0 0 1-.917.6Zm5.255-.008a1 1 0 0 1-.811-.405c-.323-.447-.245-1.056.203-1.379A2 2 0 0 0 14 4.592c.21-.23.319-.545.335-.964a1.01 1.01 0 0 1 1.037-.961a1 1 0 0 1 .961 1.037c-.034.896-.322 1.648-.856 2.235c-.225.246-.426.39-.588.506c-.181.13-.394.194-.605.194Zm6.05 14.693H3.667a1 1 0 0 1 0-2h16.666a1 1 0 0 1 0 2"/><path d="M20.333 8H5a1 1 0 0 0-1 1v4.667c0 4.226 3.44 7.666 7.667 7.666h.666c3.655 0 6.715-2.572 7.479-6h.521c2.023 0 3.667-1.644 3.667-3.666S22.356 8 20.333 8m0 5.333H20V10h.333c.919 0 1.667.748 1.667 1.667s-.748 1.666-1.667 1.666"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconHotDrinkFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.028 6.648a1 1 0 0 1-.916-1.399a4.4 4.4 0 0 1 .584-.974c.295-.371.577-.595.804-.776c.187-.15.335-.267.497-.464c.415-.506.64-1.202.67-2.068c.02-.552.498-.99 1.033-.966a1 1 0 0 1 .965 1.034c-.045 1.314-.423 2.413-1.121 3.266a5 5 0 0 1-.797.762a2.6 2.6 0 0 0-.486.457q-.187.236-.316.53a1 1 0 0 1-.917.6Zm5.255-.008a1 1 0 0 1-.811-.405c-.323-.447-.245-1.056.203-1.379A2 2 0 0 0 14 4.592c.21-.23.319-.545.335-.964a1.01 1.01 0 0 1 1.037-.961a1 1 0 0 1 .961 1.037c-.034.896-.322 1.648-.856 2.235c-.225.246-.426.39-.588.506c-.181.13-.394.194-.605.194Zm6.05 14.693H3.667a1 1 0 0 1 0-2h16.666a1 1 0 0 1 0 2"/><path d="M20.333 8H5a1 1 0 0 0-1 1v4.667c0 4.226 3.44 7.666 7.667 7.666h.666c3.655 0 6.715-2.572 7.479-6h.521c2.023 0 3.667-1.644 3.667-3.666S22.356 8 20.333 8m0 5.333H20V10h.333c.919 0 1.667.748 1.667 1.667s-.748 1.666-1.667 1.666"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.028 6.648a1 1 0 0 1-.916-1.399a4.4 4.4 0 0 1 .584-.974c.295-.371.577-.595.804-.776c.187-.15.335-.267.497-.464c.415-.506.64-1.202.67-2.068c.02-.552.498-.99 1.033-.966a1 1 0 0 1 .965 1.034c-.045 1.314-.423 2.413-1.121 3.266a5 5 0 0 1-.797.762a2.6 2.6 0 0 0-.486.457q-.187.236-.316.53a1 1 0 0 1-.917.6Zm5.255-.008a1 1 0 0 1-.811-.405c-.323-.447-.245-1.056.203-1.379A2 2 0 0 0 14 4.592c.21-.23.319-.545.335-.964a1.01 1.01 0 0 1 1.037-.961a1 1 0 0 1 .961 1.037c-.034.896-.322 1.648-.856 2.235c-.225.246-.426.39-.588.506c-.181.13-.394.194-.605.194Zm6.05 14.693H3.667a1 1 0 0 1 0-2h16.666a1 1 0 0 1 0 2"/><path d="M20.333 8H5a1 1 0 0 0-1 1v4.667c0 4.226 3.44 7.666 7.667 7.666h.666c3.655 0 6.715-2.572 7.479-6h.521c2.023 0 3.667-1.644 3.667-3.666S22.356 8 20.333 8m0 5.333H20V10h.333c.919 0 1.667.748 1.667 1.667s-.748 1.666-1.667 1.666"/></g></svg> </template>
CSS
.icon-hot-drink-filled {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.028%206.648a1%201%200%200%201-.916-1.399a4.4%204.4%200%200%201%20.584-.974c.295-.371.577-.595.804-.776c.187-.15.335-.267.497-.464c.415-.506.64-1.202.67-2.068c.02-.552.498-.99%201.033-.966a1%201%200%200%201%20.965%201.034c-.045%201.314-.423%202.413-1.121%203.266a5%205%200%200%201-.797.762a2.6%202.6%200%200%200-.486.457q-.187.236-.316.53a1%201%200%200%201-.917.6Zm5.255-.008a1%201%200%200%201-.811-.405c-.323-.447-.245-1.056.203-1.379A2%202%200%200%200%2014%204.592c.21-.23.319-.545.335-.964a1.01%201.01%200%200%201%201.037-.961a1%201%200%200%201%20.961%201.037c-.034.896-.322%201.648-.856%202.235c-.225.246-.426.39-.588.506c-.181.13-.394.194-.605.194Zm6.05%2014.693H3.667a1%201%200%200%201%200-2h16.666a1%201%200%200%201%200%202%22%2F%3E%3Cpath%20d%3D%22M20.333%208H5a1%201%200%200%200-1%201v4.667c0%204.226%203.44%207.666%207.667%207.666h.666c3.655%200%206.715-2.572%207.479-6h.521c2.023%200%203.667-1.644%203.667-3.666S22.356%208%2020.333%208m0%205.333H20V10h.333c.919%200%201.667.748%201.667%201.667s-.748%201.666-1.667%201.666%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M9.028%206.648a1%201%200%200%201-.916-1.399a4.4%204.4%200%200%201%20.584-.974c.295-.371.577-.595.804-.776c.187-.15.335-.267.497-.464c.415-.506.64-1.202.67-2.068c.02-.552.498-.99%201.033-.966a1%201%200%200%201%20.965%201.034c-.045%201.314-.423%202.413-1.121%203.266a5%205%200%200%201-.797.762a2.6%202.6%200%200%200-.486.457q-.187.236-.316.53a1%201%200%200%201-.917.6Zm5.255-.008a1%201%200%200%201-.811-.405c-.323-.447-.245-1.056.203-1.379A2%202%200%200%200%2014%204.592c.21-.23.319-.545.335-.964a1.01%201.01%200%200%201%201.037-.961a1%201%200%200%201%20.961%201.037c-.034.896-.322%201.648-.856%202.235c-.225.246-.426.39-.588.506c-.181.13-.394.194-.605.194Zm6.05%2014.693H3.667a1%201%200%200%201%200-2h16.666a1%201%200%200%201%200%202%22%2F%3E%3Cpath%20d%3D%22M20.333%208H5a1%201%200%200%200-1%201v4.667c0%204.226%203.44%207.666%207.667%207.666h.666c3.655%200%206.715-2.572%207.479-6h.521c2.023%200%203.667-1.644%203.667-3.666S22.356%208%2020.333%208m0%205.333H20V10h.333c.919%200%201.667.748%201.667%201.667s-.748%201.666-1.667%201.666%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/hot-drink-filled.svg?color=%231a73e8&size=48
