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

Ícones de email grátis (SVG)

48 ícones de email de conjuntos open-source — clique em um para mudar tamanho, cor e traço e copie como SVG, JSX, data URI ou CSS.

Atualizado em

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

Usando ícones de email

Ícones de envelope marcam endereços de email, cadastros em newsletters e caixas de entrada.

Todos os ícones aqui seguem currentColor, então assumem a cor do texto do elemento em que estão — um único SVG funciona em fundos claros e escuros, em links e em botões. Defina um width e um height explícitos (ou dimensione-os no CSS com 1em) para o layout não mudar enquanto a página carrega.

Ícones acessíveis

Se o ícone for decorativo ou ficar ao lado de texto visível, adicione aria-hidden="true". Se ele for o único conteúdo de um botão ou link, dê a esse elemento um aria-label, como “Email”.

Licenças

Estes ícones de email vêm de Lucide, Tabler, Iconoir, Fluent UI, Material Symbols, Material Design Icons e Carbon — conjuntos open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso pessoal e comercial. Precisa de outra coisa? Pesquise todos os mais de 70.000 ícones no SVG Icon Finder.

Perguntas frequentes

Esses ícones de email são grátis para uso comercial?
Sim. Eles vêm de conjuntos de ícones open-source sob licenças MIT, ISC ou Apache 2.0, que permitem uso comercial. Mantenha o aviso de licença se redistribuir os próprios arquivos de ícone.
Como mudo a cor de um ícone de email?
Os SVGs usam currentColor, então defina a propriedade color em CSS do elemento pai — ou abra o ícone no buscador e escolha uma cor fixa antes de copiar.
Posso usar esses ícones no Webflow ou no React?
Sim. Abra um ícone e use Copiar para o Webflow (cola um Code Embed) ou Copiar JSX para um componente React.