Icône French Press
openmoji:french-press
L'icône French Press (openmoji:french-press) 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
- frenchpress
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="M47.281 29.927h.397a8.3 8.3 0 0 1 8.298 8.297v.259c0 4.726-3.837 8.563-8.564 8.563h-.131zM20.688 19.785h25.989v5.569H21.616l-4.64-3.713z"/><path fill="#a57939" fill-rule="evenodd" d="M46.677 24.425v32.486a3.713 3.713 0 0 1-3.713 3.713H24.401a3.713 3.713 0 0 1-3.713-3.713V24.425z"/><path fill="#3f3f3f" d="M33.218 9.575a3.25 3.25 0 0 0-2.936 4.64h5.872a3.25 3.25 0 0 0-2.936-4.64"/><path fill="#9b9b9a" d="M31.826 19.32h2.784v9.746l-2.784-1.856z"/><path fill="#3f3f3f" fill-rule="evenodd" d="M46.677 20.249v-1.393a2.784 2.784 0 0 0-2.785-2.784h-20.42a2.784 2.784 0 0 0-2.784 2.784v1.393z"/><path fill="#6a462f" fill-rule="evenodd" d="M46.677 56.912h-25.99a3.713 3.713 0 0 0 3.713 3.712h18.564a3.713 3.713 0 0 0 3.713-3.713"/><path fill="#3f3f3f" fill-rule="evenodd" d="M46.677 47.63v3.712c7.176 0 12.994-5.817 12.994-12.994s-5.818-12.995-12.994-12.995v3.713a9.282 9.282 0 0 1 0 18.564"/><path fill="none" stroke="#3f3f3f" stroke-linecap="round" stroke-width="2" d="M33.218 9.575a3.25 3.25 0 0 0-2.936 4.64h5.872a3.25 3.25 0 0 0-2.936-4.64Z"/><path fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M20.688 18.856a2.784 2.784 0 0 1 2.784-2.784h20.42a2.784 2.784 0 0 1 2.785 2.784v38.055a3.713 3.713 0 0 1-3.713 3.713H24.401a3.713 3.713 0 0 1-3.713-3.713V24.89l-4.177-3.248l4.177-2.32z"/><path d="M46.677 51.342h-.929v.929h.929zm0-3.712v-.93h-.929v.929zm0-22.277v-.928h-.929v.928zm0 3.713h-.929v.928h.929zm.928 22.276V47.63h-1.857v3.712zm11.138-12.994c0 6.664-5.402 12.066-12.066 12.066v1.857c7.689 0 13.922-6.234 13.922-13.923zM46.677 26.282c6.664 0 12.066 5.402 12.066 12.066h1.856c0-7.69-6.233-13.923-13.922-13.923zm.928 2.784v-3.713h-1.857v3.713zm-.928.928a8.354 8.354 0 0 1 8.353 8.354h1.857c0-5.639-4.572-10.21-10.21-10.21zm8.353 8.354a8.354 8.354 0 0 1-8.353 8.353v1.857c5.638 0 10.21-4.571 10.21-10.21z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M20.688 19.32h23.204m-13.61-5.105a3.249 3.249 0 1 1 5.872 0m-4.328 5.57v7.425m2.784-7.425v9.281m-12.994-3.712h7.425m8.354 0h9.282"/></svg>Comment utiliser l'icône French Press
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:french-press" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:french-press" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:french-press" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--french-press]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:french-press"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:french-press"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/openmoji/french-press.svg" alt="Icône French Press" width="24" height="24">Icônes similaires dans OpenMoji
L'icône French Press dans d'autres collections
FAQ : Icône French Press
L'icône French Press 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 French Press dans React ?
Installez @iconify/react et affichez <Icon icon="openmoji:french-press" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône French Press à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/openmoji/french-press.svg" alt="Icône French Press">, ou collez le code SVG directement dans la page pour le styliser en CSS.