Icône Cup Hot Bold Duotone
solar:cup-hot-bold-duotone
L'icône Cup Hot Bold Duotone (solar:cup-hot-bold-duotone) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.
- Collection
- Solar
- Auteur
- 480 Design
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Nourriture
- Mots-clés
- cuphot, hotbold, boldduotone, cuphotboldduotone
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M6.97721 1.32673C7.31443 1.56726 7.39281 2.03562 7.15227 2.37284L6.7662 2.91409C7.39202 3.38836 7.53073 4.27761 7.07175 4.92108L6.66113 5.49675C6.42059 5.83396 5.95223 5.91234 5.61501 5.67181C5.2778 5.43127 5.19942 4.96291 5.43996 4.62569L5.82603 4.08444C5.2002 3.61018 5.0615 2.72092 5.52048 2.07745L5.9311 1.50179C6.17163 1.16457 6.63999 1.08619 6.97721 1.32673ZM10.9772 1.32673C11.3144 1.56726 11.3928 2.03562 11.1523 2.37284L10.7662 2.91409C11.392 3.38836 11.5307 4.27761 11.0717 4.92108L10.6611 5.49675C10.4206 5.83396 9.95223 5.91234 9.61501 5.67181C9.2778 5.43127 9.19942 4.96291 9.43996 4.62569L9.82603 4.08444C9.2002 3.61018 9.0615 2.72092 9.52048 2.07745L9.9311 1.50179C10.1716 1.16457 10.64 1.08619 10.9772 1.32673ZM14.9772 1.32673C15.3144 1.56726 15.3928 2.03562 15.1523 2.37284L14.7662 2.91409C15.392 3.38836 15.5307 4.27761 15.0717 4.92108L14.6611 5.49675C14.4206 5.83396 13.9522 5.91234 13.615 5.67181C13.2778 5.43127 13.1994 4.96291 13.44 4.62569L13.826 4.08444C13.2002 3.61018 13.0615 2.72092 13.5205 2.07745L13.9311 1.50179C14.1716 1.16457 14.64 1.08619 14.9772 1.32673Z" clip-rule="evenodd" opacity=".5"/><path d="M9.6134 22H10.3868C13.0476 22 14.378 22 15.243 21.1907C15.9132 20.5637 16.1172 19.6256 16.2575 18H3.74268C3.88292 19.6256 4.08697 20.5637 4.75719 21.1907C5.6222 22 6.9526 22 9.6134 22Z" opacity=".5"/><path fill-rule="evenodd" d="M3.28441 11.2661C3.15113 9.26687 3.08449 8.26726 3.67729 7.63363C4.27009 7 5.27191 7 7.27555 7H12.7245C14.7281 7 15.7299 7 16.3227 7.63363C16.4852 7.80726 16.5981 8.00837 16.6737 8.25H17C19.6234 8.25 21.75 10.3766 21.75 13C21.75 15.6234 19.6234 17.75 17 17.75H16.2781C16.2713 17.8351 16.2645 17.9184 16.2574 18H3.7426C3.70184 17.5275 3.66647 16.997 3.62662 16.3991L3.28441 11.2661ZM16.3833 16.25H17C18.7949 16.25 20.25 14.7949 20.25 13C20.25 11.2051 18.7949 9.75 17 9.75H16.8007C16.788 10.1801 16.7547 10.6802 16.7156 11.2661L16.3833 16.25Z" clip-rule="evenodd"/></g></svg>
Comment utiliser l'icône Cup Hot Bold Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:cup-hot-bold-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:cup-hot-bold-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:cup-hot-bold-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--cup-hot-bold-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:cup-hot-bold-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:cup-hot-bold-duotone"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/solar/cup-hot-bold-duotone.svg" alt="Icône Cup Hot Bold Duotone" width="24" height="24">
Icônes similaires dans Solar
FAQ : Icône Cup Hot Bold Duotone
L'icône Cup Hot Bold Duotone est-elle gratuite pour un usage commercial ?
Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.
Comment utiliser l'icône Cup Hot Bold Duotone dans React ?
Installez @iconify/react et affichez <Icon icon="solar:cup-hot-bold-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Cup Hot Bold Duotone à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/cup-hot-bold-duotone.svg" alt="Icône Cup Hot Bold Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Solar →
