Icono Envelope
fxemoji:envelope
El icono Envelope (fxemoji:envelope) es un icono SVG gratuito de la colección Firefox OS Emoji de Mozilla. Está dibujado en una cuadrícula de 512 × 512. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Firefox OS Emoji
- Autor
- Mozilla
- Licencia
- Apache-2.0
- Tamaño
- 512 × 512
- Categoría
- Objetos
Código 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>
Cómo usar el icono 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>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fxemoji/envelope.svg" alt="Icono Envelope" width="24" height="24">
Iconos relacionados en Firefox OS Emoji
El icono Envelope en otras colecciones
Preguntas frecuentes sobre Icono Envelope
¿El icono Envelope es gratis para uso comercial?
Sí. Firefox OS Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Envelope en React?
Instala @iconify/react y renderiza <Icon icon="fxemoji:envelope" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Envelope a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fxemoji/envelope.svg" alt="Icono Envelope">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Firefox OS Emoji →
ICONYZ
