Icône Envelopes
reicon:envelopes
L'icône Envelopes (reicon:envelopes) est une icône SVG gratuite de la collection Reicon. Elle est dessinée sur une grille de 24 × 24. Les Reicon icons sont publiées sous la licence MIT, 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.
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="M9.528 2.25c-.771 0-1.395 0-1.901.041c-.522.043-.983.133-1.412.351a3.6 3.6 0 0 0-1.573 1.574c-.264.518-.342 1.09-.373 1.765v.017c-.019.432-.019.938-.019 1.53v4.944c0 .77 0 1.395.041 1.9c.043.523.133.984.351 1.412a3.6 3.6 0 0 0 1.574 1.574c.428.218.89.308 1.411.35c.506.042 1.13.042 1.901.042h8.944c.77 0 1.395 0 1.9-.041c.523-.043.984-.133 1.412-.351a3.6 3.6 0 0 0 1.574-1.574c.218-.428.308-.89.35-1.411c.042-.506.042-1.13.042-1.901V7.528c0-.77 0-1.395-.041-1.901c-.043-.522-.133-.983-.351-1.411a3.6 3.6 0 0 0-1.574-1.574c-.428-.218-.89-.308-1.411-.35c-.443-.037-.976-.041-1.62-.042zM20.33 3.793l-.078-.007l-.17-.011a31 31 0 0 0-1.641-.025H9.56m10.77.043c.38.037.603.1.773.186a2.1 2.1 0 0 1 .918.918c.087.17.148.392.185.765l-6.722 5.121c-.748.57-.959.713-1.163.768a1.25 1.25 0 0 1-.643 0c-.204-.055-.415-.198-1.163-.768l-6.72-5.12c.036-.376.098-.598.184-.766a2.1 2.1 0 0 1 .918-.918c.181-.093.423-.158.852-.193q.224-.018.501-.025c.32-.01.698-.01 1.16-.011M5.75 7.515l5.857 4.462l.105.08c.589.45 1.05.802 1.58.943c.463.124.952.124 1.416 0c.529-.141.99-.493 1.579-.943l5.963-4.543v4.926c0 .81 0 1.373-.036 1.81c-.035.43-.1.672-.193.853a2.1 2.1 0 0 1-.918.918c-.181.093-.423.158-.852.193c-.438.035-1 .036-1.811.036H9.56c-.81 0-1.373 0-1.81-.036c-.43-.035-.672-.1-.853-.193a2.1 2.1 0 0 1-.918-.918c-.093-.181-.158-.423-.193-.852c-.035-.438-.036-1-.036-1.811z" clip-rule="evenodd"/><path d="M1 6.25a.75.75 0 0 1 .75.75v7.6c0 1.133 0 1.937.052 2.566c.05.62.147 1.005.302 1.31a3.25 3.25 0 0 0 1.42 1.42c.305.155.69.251 1.31.302c.63.051 1.434.052 2.566.052H19a.75.75 0 0 1 0 1.5H7.367c-1.092 0-1.958 0-2.655-.057c-.714-.058-1.317-.18-1.868-.46a4.75 4.75 0 0 1-2.076-2.076c-.281-.552-.403-1.155-.461-1.869C.25 16.591.25 15.725.25 14.633V7A.75.75 0 0 1 1 6.25"/></g></svg>Comment utiliser l'icône Envelopes
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:envelopes" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:envelopes" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:envelopes" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--envelopes]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:envelopes"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:envelopes"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/reicon/envelopes.svg" alt="Icône Envelopes" width="24" height="24">Icônes similaires dans Reicon
L'icône Envelopes dans d'autres collections
FAQ : Icône Envelopes
L'icône Envelopes est-elle gratuite pour un usage commercial ?
Oui. Les Reicon icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Envelopes dans React ?
Installez @iconify/react et affichez <Icon icon="reicon:envelopes" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Envelopes à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/envelopes.svg" alt="Icône Envelopes">, ou collez le code SVG directement dans la page pour le styliser en CSS.