Icône Envelope
fxemoji:envelope
L'icône Envelope (fxemoji:envelope) est une icône SVG gratuite de la collection Firefox OS Emoji par Mozilla. Elle est dessinée sur une grille de 512 × 512. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, 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
- Firefox OS Emoji
- Auteur
- Mozilla
- Licence
- Apache-2.0
- Taille
- 512 × 512
- Catégorie
- Objets
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#96A9B2" d="M511.96 425.623c-.076.14-.204.238-.287.374c-6.971 18.262-24.524 31.291-45.241 31.291H45.711c-1.579 0-3.044-.37-4.584-.517h-.612c-.159-.019-.287-.102-.446-.121c-10.136-1.193-19.259-5.374-26.495-11.827c-.136-.121-.317-.177-.453-.298l.083-.064c-1.707-1.556-3.482-3.051-4.955-4.837A48.5 48.5 0 0 1 .13 425.466c-.03-.042-.068-.072-.091-.117l.045-.038C-1.789 420.137 220.743 252 220.743 252c27.59-20.913 42.265-20.589 70.164 0c0 0 222.857 168.273 220.916 173.519z"/><path fill="#B9C5C6" d="M256.133 232.687L1.216 423.874V153.025c0-26.4 21.397-47.797 47.797-47.797h414.24c26.4 0 47.797 21.397 47.797 47.797v270.849z"/><path fill="#DCE2E2" d="M3.984 136.661c.074-.138.201-.234.283-.368c6.864-17.981 24.146-30.809 44.543-30.809h414.238c1.554 0 2.997.364 4.514.509h.602c.156.019.283.1.439.119c9.979 1.175 18.963 5.291 26.086 11.645c.134.119.312.175.446.294l-.082.063c1.681 1.532 3.428 3.004 4.878 4.763a47.8 47.8 0 0 1 7.994 13.939c.03.041.067.071.089.115l-.045.037c1.844 5.094-217.258 170.64-217.258 170.64c-27.165 20.591-41.613 20.271-69.083 0c0 0-219.422-165.68-217.511-170.845z"/></svg>
Comment utiliser l'icône Envelope
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:envelope" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:envelope" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:envelope" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--envelope]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:envelope"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:envelope"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/envelope.svg" alt="Icône Envelope" width="24" height="24">
Icônes similaires dans Firefox OS Emoji
L'icône Envelope dans d'autres collections
FAQ : Icône Envelope
L'icône Envelope est-elle gratuite pour un usage commercial ?
Oui. Les Firefox OS Emoji icons sont publiées sous la licence Apache 2.0, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Envelope dans React ?
Installez @iconify/react et affichez <Icon icon="fxemoji:envelope" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Envelope à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fxemoji/envelope.svg" alt="Icône Envelope">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Icônes Firefox OS Emoji →
ICONYZ
