Icône Cup Hot Fill
mage:cup-hot-fill
L'icône Cup Hot Fill (mage:cup-hot-fill) est une icône SVG gratuite de la collection Mage Icons par MageIcons. Elle est dessinée sur une grille de 24 × 24. Les Mage Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Mage Icons
- Auteur
- MageIcons
- Licence
- Apache-2.0
- Taille
- 24 × 24
- Mots-clés
- cuphot, hotfill, cuphotfill
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.406 10.377a2.75 2.75 0 0 0-1.928-.805H16.24v-.249a.756.756 0 0 0-.745-.745H3.564a.746.746 0 0 0-.746.745v7.954A4.723 4.723 0 0 0 7.541 22h3.977a4.7 4.7 0 0 0 1.8-.368a4.6 4.6 0 0 0 2.555-2.545v-.07h2.575a2.754 2.754 0 0 0 2.734-2.734v-3.977a2.7 2.7 0 0 0-.776-1.929m-.686 5.906a1.25 1.25 0 0 1-.368.875a1.2 1.2 0 0 1-.875.368H16.23a2 2 0 0 0 0-.249v-6.214h2.238a1.253 1.253 0 0 1 1.242 1.243zM5.94 7.573a.746.746 0 0 1-.527-1.272a.6.6 0 0 0 .14-.209a.6.6 0 0 0 0-.249a.6.6 0 0 0 0-.258a.6.6 0 0 0-.14-.209a2.22 2.22 0 0 1-.636-1.521a2.24 2.24 0 0 1 .636-1.531a.746.746 0 1 1 .994 1.064a.6.6 0 0 0-.139.208a.8.8 0 0 0 0 .259a.7.7 0 0 0 0 .248q.055.122.15.22a2.1 2.1 0 0 1 .626 1.52a2.07 2.07 0 0 1-.637 1.522a.73.73 0 0 1-.467.208m3.231 0a.76.76 0 0 1-.527-.208a.746.746 0 0 1 0-1.054a.656.656 0 0 0 0-.945a2.1 2.1 0 0 1-.457-.696a2.08 2.08 0 0 1 0-1.64c.11-.263.268-.503.467-.706a.746.746 0 1 1 .995 1.064a.6.6 0 0 0-.14.208a.8.8 0 0 0 0 .259a.7.7 0 0 0 0 .248q.056.122.15.22a2.147 2.147 0 0 1 0 3.032a.74.74 0 0 1-.488.218m3.47 0a.746.746 0 0 1-.527-1.272a.6.6 0 0 0 .14-.209a.6.6 0 0 0 0-.249a.6.6 0 0 0 0-.258a.6.6 0 0 0-.14-.209a2.18 2.18 0 0 1-.636-1.521a2.1 2.1 0 0 1 .636-1.531a.746.746 0 0 1 1.054 1.054a.5.5 0 0 0-.149.218a.7.7 0 0 0 0 .249a.7.7 0 0 0 0 .249a.6.6 0 0 0 .15.218a2.07 2.07 0 0 1 .625 1.521c.002.283-.052.564-.159.826a2.4 2.4 0 0 1-.467.696a.77.77 0 0 1-.527.218"/></svg>Comment utiliser l'icône Cup Hot Fill
React
import { Icon } from "@iconify/react";
<Icon icon="mage:cup-hot-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mage:cup-hot-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mage:cup-hot-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mage--cup-hot-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mage -->
<div class="i-mage:cup-hot-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mage:cup-hot-fill"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/mage/cup-hot-fill.svg" alt="Icône Cup Hot Fill" width="24" height="24">Icônes similaires dans Mage Icons
L'icône Cup Hot Fill dans d'autres collections
FAQ : Icône Cup Hot Fill
L'icône Cup Hot Fill est-elle gratuite pour un usage commercial ?
Oui. Les Mage Icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Cup Hot Fill dans React ?
Installez @iconify/react et affichez <Icon icon="mage:cup-hot-fill" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cup Hot Fill à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/mage/cup-hot-fill.svg" alt="Icône Cup Hot Fill">, ou collez le code SVG directement dans la page pour le styliser en CSS.