Home/Libraries/OpenMoji (Iconify)/hot-beverage

OpenMoji (Iconify)

HotBeverage

License: CC-BY-SA-4.0

ICON SIZE

STROKE WEIGHT1.5px

COLOR PICKER

Download SVG without fill color (CSS-styleable)

<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 72 72"><path fill="#fff" fill-rule="evenodd" d="M36 52c9.941 0 18-8.059 18-18H18c0 9.941 8.059 18 18 18"/><path fill="#fff" d="M16.509 49.939h41.858c.69 0 1.036.834.548 1.322l-3.406 3.156a2.13 2.13 0 0 1-1.502.622H20.73a2.22 2.22 0 0 1-1.71-.803l-2.969-3.323a.595.595 0 0 1 .457-.974Z"/><path fill="#d0cfce" fill-rule="evenodd" d="M48.616 50.607c.364-.008.824-.035.3.786c-.68 1.067-1.108 1.72-1.899 2.687c-.183.266-.486.17-.808.17h8.42c.28 0 1.84-1.768 2.961-2.777c.426-.642.95-.723.18-.723c0 0-8.52-.143-9.154-.143m-2.109-1.083c5.58-3.55 7.745-7.784 7.745-14.75h-8.5c-.466 6.949-1.017 10.097-4.705 14.75z"/><path fill="#d0cfce" d="m55.032 34.751l-2.846 9.348s7.732 1.384 7.924-3.963c.183-5.078-5.078-5.385-5.078-5.385"/><path fill="#d0cfce" fill-rule="evenodd" stroke="#818cf8" stroke-miterlimit="10" stroke-width="1.5" d="m39.53 21.189l.01-.012a5 5 0 0 0-7.07-7.07a3 3 0 0 1 4.243 4.242l-3.454 3.453l-.011.012a5 5 0 1 0 7.07 7.07a3 3 0 0 1-4.242-4.242z"/><path fill="#d0cfce" fill-rule="evenodd" stroke="#818cf8" stroke-miterlimit="10" stroke-width="1.5" d="M33.01 14.618a.75.75 0 0 1-1.062-1.056m8.924 15.841a.75.75 0 0 0-1.054-1.065"/><g fill="none" stroke="#818cf8" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M24 47.417A17.95 17.95 0 0 1 18 34h36c0 5.331-2.317 10.12-6 13.417"/><path stroke-linecap="round" d="M51 45h4.5a5.5 5.5 0 1 0 0-11H53"/><path stroke-miterlimit="10" d="M16.509 49.939h41.858c.69 0 1.036.834.548 1.322l-3.406 3.156a2.13 2.13 0 0 1-1.502.622H20.73a2.22 2.22 0 0 1-1.71-.803l-2.969-3.323a.595.595 0 0 1 .457-.974Z"/></g></svg>

Icons in Action

WEB APPLICATION HEADER & NAVIGATION

my-app.com/dashboard

Overview Dashboard

PROGRESS STEPPER

BUTTON UI ACTIONS

SCALABILITY & CLARITY

12px

16px

24px

32px

48px

“

Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.

IconSearch Presets

Frequently Asked Questions

Q.How do I use this icon in my React/Next.js project?

You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. HotBeverageIcon.tsx) to avoid installing any npm packages.

Q.Is this icon free for commercial use?

Yes. This icon is published under the open-source **CC-BY-SA-4.0** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.

Q.What is the "Download SVG without fill color" toggle?

Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.