ICONYZ
Français
Icône Hot Beverage de OpenMoji

Icône Hot Beverage

openmoji:hot-beverage

L'icône Hot Beverage (openmoji:hot-beverage) est une icône SVG gratuite de la collection OpenMoji. Elle est dessinée sur une grille de 72 × 72. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
OpenMoji
Auteur
OpenMoji
Licence
CC-BY-SA-4.0
Taille
72 × 72
Catégorie
Nourriture et boissons
Mots-clés
hotbeverage
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" 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="#d0cfce" stroke-miterlimit="10" stroke-width="3" 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="#d0cfce" stroke-miterlimit="10" stroke-width="1.498" 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="#000" stroke-width="2"><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>

Comment utiliser l'icône Hot Beverage

React

import { Icon } from "@iconify/react";

<Icon icon="openmoji:hot-beverage" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="openmoji:hot-beverage" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="openmoji:hot-beverage" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--hot-beverage]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:hot-beverage"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="openmoji:hot-beverage"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/openmoji/hot-beverage.svg" alt="Icône Hot Beverage" width="24" height="24">

Icônes similaires dans OpenMoji

L'icône Hot Beverage dans d'autres collections

FAQ : Icône Hot Beverage

L'icône Hot Beverage est-elle gratuite pour un usage commercial ?

Oui. Les OpenMoji icons sont publiées sous la licence CC BY-SA 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur et de partager les modifications des icônes sous la même licence.

Comment utiliser l'icône Hot Beverage dans React ?

Installez @iconify/react et affichez <Icon icon="openmoji:hot-beverage" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Hot Beverage à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/hot-beverage.svg" alt="Icône Hot Beverage">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes OpenMoji →