Icône Moka Pot
openmoji:moka-pot
L'icône Moka Pot (openmoji:moka-pot) 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
- Extras OpenMoji
- Mots-clés
- mokapot
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><defs><path id="SVGdIiNQdjE" d="M35.757 36.056h8v4h-8z"/></defs><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m29.757 17.556l1.38 14.5m.33 9l-.432 1l-1.161 17.5"/><path fill="#fff" d="m46.635 27.113l1.912-7.441l4.909.155l1.55 1.602l-5.322 10.231l-3.927-.93z"/><path fill="#3f3f3f" stroke="#3f3f3f" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m55.257 15.556l-12.798-.005l5.798 3.505h5.5l2 2.5l-6.233 10.64l.092 3.78l9.64-15.42z"/><path fill="#d0cfce" d="m24.757 42.056l-3 19.5l.5 1h24l1-1l-3-19.5l-1-1h-17.5z"/><path fill="#3f3f3f" fill-rule="evenodd" d="M36.078 61.618v-21.5h6.5l1 1l3 19.5l-1 1z"/><path fill="#9b9b9a" d="m30.05 41.556l-1.293 19.5l.215 1h10.353l.432-1l-1.295-19.5l-.43-1h-7.55z"/><path fill="none" stroke="#3f3f3f" stroke-linejoin="round" stroke-width="2" d="m39.757 61.056l-1.294-19.5l-.432-1"/><path fill="#d0cfce" fill-rule="evenodd" d="m44.434 32.42l3.038-11.812a3.51 3.51 0 0 0-2.167-4.16l-8.452-3.17a3.5 3.5 0 0 0-1.233-.223h-1.98a3.5 3.5 0 0 0-1.662.42l-5.552 2.986q-.444.239-.938.343l-3.188.673c-2.381.502-3.54 3.216-2.258 5.283l3.498 5.64c.205.329.353.69.44 1.068l.653 2.86a3.51 3.51 0 0 0 3.421 2.727h12.982c1.601 0 3-1.084 3.398-2.635"/><path fill="#3f3f3f" fill-rule="evenodd" d="M33.757 35.056v-22h3l12 4.5l-4.5 17.5z"/><path fill="#9b9b9a" d="m39.757 17.556l-1.834 17.5h-7.537l-1.63-17.5l4.686-4.5h1.426z"/><path fill="none" stroke="#3f3f3f" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m38.124 34.991l1.633-17.435"/><path fill="#9b9b9a" d="m24.642 18.239l-1.518 8.257l-5.51-7.485a.66.66 0 0 1 .584-1.038z"/><path fill="#d0cfce" d="M25.757 36.056h18v4h-18z"/><g fill="#3f3f3f"><use href="#SVGdIiNQdjE"/><use href="#SVGdIiNQdjE"/></g><path fill="#9b9b9a" d="M31.757 36.056h5v4h-5z"/><path fill="#3f3f3f" d="M31.757 7.056h5l-1 6h-3z"/><g fill="none" stroke="#000" stroke-width="2"><path stroke-linejoin="round" d="m24.757 41.556l-3 19.5l.5 1h24l1-1l-3-19.5l-1-1h-17.5z"/><path stroke-linecap="round" stroke-linejoin="round" d="M51.257 15.556h4l4 5l-10.25 17.75v-6l6.444-11.32l-1.694-1.93h-5.5m-8.5-1.5l-1.35 14.5m-.376 8.5l.432 1l1.16 17.5"/><path stroke-linejoin="round" d="M31.757 7.056h5l-1 6h-3z"/><path stroke-linecap="round" stroke-linejoin="round" d="M21.344 17.556h18.413"/><path stroke-linecap="round" d="m25.745 17.63l-1.295 7.357m2.307 10.319v2.75m16-2.75v4.75"/><path stroke-miterlimit="10" d="M16.88 17.508h4.277l11.5-4.5h3.5l11.857 4.269c.363.13.564.518.462.89l-4.452 16.947h-18.83l-1.3-6.286l-7.517-10.33a.623.623 0 0 1 .504-.99Z"/></g></svg>Comment utiliser l'icône Moka Pot
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:moka-pot" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:moka-pot" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:moka-pot" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--moka-pot]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:moka-pot"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:moka-pot"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/moka-pot.svg" alt="Icône Moka Pot" width="24" height="24">L'icône Moka Pot dans d'autres collections
FAQ : Icône Moka Pot
L'icône Moka Pot 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 Moka Pot dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:moka-pot" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Moka Pot à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/moka-pot.svg" alt="Icône Moka Pot">, ou collez le code SVG directement dans la page pour le styliser en CSS.