Icono E Mail
noto:e-mail
El icono E Mail (noto:e-mail) es un icono SVG gratuito de la colección Noto Emoji de Google Inc. Está dibujado en una cuadrícula de 128 × 128. Noto 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
- Noto Emoji
- Autor
- Google Inc
- Licencia
- Apache-2.0
- Tamaño
- 128 × 128
- Categoría
- Objetos
- Etiquetas
- email
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#FFF" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83"/><path fill="#6FBFF0" stroke="#6FBFF0" stroke-miterlimit="10" stroke-width=".5" d="M120.94 28.12a1.44 1.44 0 0 0-2.02-.19L82.23 58.81v6.35L86 61.73l32.25 38.73c.67.65 1.24.9 1.83.47c.37-.27.29-.78-.25-1.37l-29.57-41.7l30.5-27.72c.6-.5.69-1.41.18-2.02zm-73.9 31.75L9.08 27.93a1.43 1.43 0 0 0-2.02.19c-.51.61-.42 1.52.19 2.02l30.5 27.72L8.17 99.57c-.53.59-.61 1.1-.25 1.37c.59.43 1.16.18 1.83-.47L42 61.73l5.04 4.58z"/><path fill="none" stroke="#6FBFF0" stroke-miterlimit="10" stroke-width="4" d="M117.64 102.31H10.36c-2.74 0-3.83-1.71-3.83-3.83V29.52c0-2.12 1.71-3.83 3.83-3.83h107.27c2.12 0 3.83 1.71 3.83 3.83v68.96a3.815 3.815 0 0 1-3.82 3.83z"/><path fill="#0D47A1" d="m51.52 41.96l25.5-2.29h1.42c.29 0 .57.13.75.36l1.45 1.85a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38h-20a.38.38 0 0 0-.38.38v9.99c0 .23.2.4.43.37l15.24-2.25h.67c.32 0 .62.15.81.39l1.43 1.82a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38H60.35a.38.38 0 0 0-.38.38v9.98c0 .23.21.41.44.37l13.13-2.24c.02 0 .04-.01.06-.01h4.8c.32 0 .62.15.82.4l1.42 1.82a.4.4 0 0 1 .08.23v7.82c0 .21-.17.38-.38.38H51.38a.39.39 0 0 1-.3-.14l-1.62-2.07a.44.44 0 0 1-.08-.25l1.8-43.78c.01-.2.16-.36.34-.37"/><path fill="#2196F3" d="M50.04 39.67h28.21c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H58.82c-.37 0-.66.3-.66.66v9.47c0 .37.3.66.66.66h17.34c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H58.82c-.37 0-.66.3-.66.66v9.47c0 .37.3.66.66.66h19.43c.37 0 .66.3.66.66v7c0 .37-.3.66-.66.66H50.04a.66.66 0 0 1-.66-.66V40.33c0-.37.3-.66.66-.66"/></svg>
Cómo usar el icono E Mail
React
import { Icon } from "@iconify/react";
<Icon icon="noto:e-mail" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="noto:e-mail" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="noto:e-mail" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[noto--e-mail]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/noto -->
<div class="i-noto:e-mail"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="noto:e-mail"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/noto/e-mail.svg" alt="Icono E Mail" width="24" height="24">
Iconos relacionados en Noto Emoji
El icono E Mail en otras colecciones
Preguntas frecuentes sobre Icono E Mail
¿El icono E Mail es gratis para uso comercial?
Sí. Noto Emoji icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono E Mail en React?
Instala @iconify/react y renderiza <Icon icon="noto:e-mail" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono E Mail a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/noto/e-mail.svg" alt="Icono E Mail">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Noto Emoji →
