Icône Envelope Open

reicon:envelope-open

L'icône Envelope Open (reicon:envelope-open) 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.

Collection: Reicon
Auteur: REICON
Licence: MIT
Taille: 24 × 24
Catégorie: Messages
Mots-clés: envelopeopen

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M10.946 1.25h2.108c1.133 0 2.058 0 2.79.098c.763.103 1.425.325 1.954.854s.751 1.19.854 1.955c.05.376.075.803.087 1.283c1.058.17 1.925.507 2.62 1.201c.748.749 1.08 1.698 1.238 2.87c.153 1.14.153 2.595.153 4.433v.113c0 1.837 0 3.293-.153 4.432c-.158 1.173-.49 2.122-1.238 2.87c-.749.748-1.698 1.08-2.87 1.238c-1.14.153-2.595.153-4.433.153H9.944c-1.838 0-3.294 0-4.433-.153c-1.172-.158-2.121-.49-2.87-1.238c-.748-.748-1.08-1.697-1.238-2.87c-.153-1.139-.153-2.595-.153-4.432v-.113c0-1.838 0-3.294.153-4.433c.158-1.172.49-2.121 1.238-2.87c.695-.694 1.562-1.03 2.62-1.2c.012-.481.037-.908.087-1.284c.103-.764.325-1.426.854-1.955s1.19-.751 1.955-.854c.73-.098 1.656-.098 2.79-.098M5.25 6.966c-.731.147-1.194.382-1.548.736c-.423.423-.677 1.003-.812 2.009c-.138 1.028-.14 2.382-.14 4.29c0 1.906.002 3.26.14 4.288c.135 1.006.389 1.586.812 2.01c.423.422 1.003.676 2.009.811c1.028.139 2.382.14 4.289.14h4c1.907 0 3.262-.001 4.29-.14c1.005-.135 1.585-.389 2.008-.812s.677-1.003.812-2.009c.138-1.027.14-2.382.14-4.289s-.002-3.261-.14-4.289c-.135-1.006-.389-1.586-.812-2.009c-.354-.354-.817-.59-1.548-.736v1.297c0 .786.002 1.409-.26 1.967c-.26.557-.74.955-1.344 1.458l-.105.088l-.757.63c-.887.74-1.605 1.338-2.24 1.746c-.66.425-1.303.693-2.044.693s-1.384-.269-2.045-.693c-.634-.408-1.352-1.007-2.239-1.745l-.757-.631q-.053-.046-.105-.088c-.604-.503-1.083-.9-1.344-1.458s-.26-1.18-.26-1.967zm3.107-4.131c-.598.08-.89.224-1.094.428s-.348.496-.428 1.094C6.752 4.976 6.75 5.8 6.75 7v1.127c0 .99.017 1.25.118 1.466c.101.217.29.396 1.051 1.03l.72.6c.933.777 1.58 1.315 2.128 1.667c.529.34.888.455 1.233.455s.704-.114 1.233-.455c.547-.352 1.195-.89 2.128-1.667l.72-.6c.761-.634.95-.813 1.051-1.03c.101-.216.118-.475.118-1.466V7c0-1.2-.002-2.024-.085-2.643c-.08-.598-.224-.89-.428-1.094s-.496-.348-1.094-.428C15.024 2.752 14.2 2.75 13 2.75h-2c-1.2 0-2.024.002-2.643.085M9.25 6a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4A.75.75 0 0 1 9.25 6m1 3a.75.75 0 0 1 .75-.75h2a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>

Comment utiliser l'icône Envelope Open

React

import { Icon } from "@iconify/react";

<Icon icon="reicon:envelope-open" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="reicon:envelope-open" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="reicon:envelope-open" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--envelope-open]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:envelope-open"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="reicon:envelope-open"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/reicon/envelope-open.svg" alt="Icône Envelope Open" width="24" height="24">

Icônes similaires dans Reicon

L'icône Envelope Open dans d'autres collections

FAQ : Icône Envelope Open

L'icône Envelope Open 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 Envelope Open dans React ?

Installez @iconify/react et affichez <Icon icon="reicon:envelope-open" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Envelope Open à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/reicon/envelope-open.svg" alt="Icône Envelope Open">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Reicon →