devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Iconos de correo SVG gratis

48 iconos de correo gratis de sets de código abierto: haz clic en uno para cambiar su tamaño, color y trazo, y cópialo como SVG, JSX, data URI o CSS.

Actualizado el

mail
Lucidemail
Tablermail
Iconoirmail-12-filled
Fluent UImail
Material Symbolsmail
Material Design Iconsmail-all
Carbonmail-x
Lucidemail-filled
Tablermail-solid
Iconoirmail-12-regular
Fluent UImail-outline
Material Symbolsemail-outline
Material Design Iconsmail-dot
Lucidemail-x
Tablermail-in
Iconoirmail-16-filled
Fluent UImail-outline-rounded
Material Symbolsmail-pen
Lucidemail-ai
Tablermail-in-solid
Iconoirmail-16-regular
Fluent UImail-outline-sharp
Material Symbolsmail-open
Lucidemail-up
Tablermail-out
Iconoirmail-20-filled
Fluent UImail-rounded
Material Symbolsmail-plus
Lucidemail-cog
Tablermail-out-solid
Iconoirmail-20-regular
Fluent UImail-sharp
Material Symbolsmail-off
Tablermail-open
Iconoirmail-24-filled
Fluent UImail-off
Material Symbolsmail-pin
Tablermail-open-solid
Iconoirmail-24-regular
Fluent UImail-off-outline
Material Symbolsmail-bolt
Tablersend-mail
Iconoirmail-28-filled
Fluent UImail-off-outline-rounded
Material Symbolsmail-code
Tablersend-mail-solid
Iconoirmail-28-regular
Fluent UI

Usar iconos de correo

Los iconos de sobre marcan direcciones de email, suscripciones a boletines y bandejas de entrada.

Todos los iconos de aquí siguen currentColor, así que toman el color de texto del elemento en el que están: un solo SVG funciona en fondos claros y oscuros, en enlaces y en botones. Define un width y un height explícitos (o dales tamaño en CSS con 1em) para que el diseño no se desplace mientras carga la página.

Iconos accesibles

Si el icono es decorativo o va junto a texto visible, añade aria-hidden="true". Si es el único contenido de un botón o enlace, dale a ese elemento un aria-label como “Correo”.

Licencias

Estos iconos de correo provienen de Lucide, Tabler, Iconoir, Fluent UI, Material Symbols, Material Design Icons y Carbon: sets de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso personal y comercial. ¿Necesitas algo más? Busca entre más de 70 000 iconos en el Buscador de iconos SVG.

Preguntas frecuentes

¿Son gratis para uso comercial estos iconos de correo?
Sí. Provienen de sets de iconos de código abierto bajo licencias MIT, ISC o Apache 2.0, que permiten el uso comercial. Conserva el aviso de licencia si redistribuyes los propios archivos de los iconos.
¿Cómo cambio el color de un icono de correo?
Los SVG usan currentColor, así que define el color CSS del elemento padre; también puedes abrir el icono en el buscador y elegir un color fijo antes de copiarlo.
¿Puedo usar estos iconos en Webflow o React?
Sí. Abre un icono y usa Copiar a Webflow (pega un Code Embed) o Copiar JSX para un componente de React.