> ## Documentation Index
> Fetch the complete documentation index at: https://help.scribe-mail.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Ícones sociais

> Adicione ícones clicáveis de redes sociais à sua assinatura de e-mail para LinkedIn, Instagram e outras, e estilize-os por formato, variante, forma, cor e tamanho.

Os blocos de ícones sociais permitem exibir seus perfis de redes sociais como ícones clicáveis ou links de texto. Você pode adicioná-los individualmente ou em grupo usando o bloco de lista social.

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/signature-editor-canvas.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=277601f9b630813e10eb6fef13e9435b" alt="Tela do editor de assinatura de e-mail" width="3456" height="1930" data-path="images/signature-editor-canvas.png" />
</Frame>

<Frame>
  <img src="https://mintcdn.com/scribe/xbQhr3JjkYildsKM/images/social-icons-settings-panel.png?fit=max&auto=format&n=xbQhr3JjkYildsKM&q=85&s=7a82928175d864d33460f1ab25125848" alt="Painel de configurações dos ícones sociais com opções de formato, variante e forma" title="Painel de configurações dos ícones sociais com opções de formato, variante e forma" className="mx-auto" style={{ width:"33%" }} width="696" height="1754" data-path="images/social-icons-settings-panel.png" />
</Frame>

## Grade de ícones

A grade de ícones mostra todas as plataformas sociais disponíveis: LinkedIn, Twitter, Facebook, Instagram, YouTube, Pinterest, Google, Vimeo, Snapchat, Behance, Figma, GitHub e outras.

Os ícones selecionados aparecem destacados. Clique no botão **+** para navegar pela biblioteca completa e buscar plataformas específicas.

Cada plataforma selecionada tem um campo de URL onde você insere o link do seu perfil.

## Estilo

| Configuração                | O que faz                                                                                                             |
| --------------------------- | --------------------------------------------------------------------------------------------------------------------- |
| **Formato**                 | Alterna entre **Ícone** (mostra o logo da plataforma) ou **Texto** (mostra o nome da plataforma como link de texto)   |
| **Variante**                | Estilo de preenchimento do ícone: **Plain** (preenchimento sólido), **Empty** (apenas contorno) ou **Stroke** (traço) |
| **Forma**                   | Forma do contêiner do ícone: **Square** (quadrado) ou **Circle** (círculo)                                            |
| **Cor do ícone**            | Cor do próprio ícone                                                                                                  |
| **Plano de fundo do ícone** | Cor do plano de fundo do contêiner do ícone                                                                           |
| **Tamanho**                 | Tamanho do ícone em pixels                                                                                            |

<Tip>
  Use **Variante → Plain** com **Forma → Circle** para um visual moderno e limpo. Mude para **Variante → Stroke** para uma estética mais minimalista.
</Tip>

## Layout

O preenchimento controla o espaço ao redor do bloco de ícones sociais.

## Lista de redes sociais vs. ícones individuais

O bloco de **lista de redes sociais** agrupa todos os seus ícones sociais com estilo compartilhado. Altere a variante ou o formato uma vez e a mudança se aplica a todos os ícones da lista.

Um bloco de **ícone social individual** dá a você controle independente sobre a aparência de um único ícone. Use quando quiser que um ícone tenha um estilo diferente dos outros. Os [blocos de lista](/pt-BR/editor/list-blocks) usam o mesmo estilo de ícone para detalhes de contato como telefone e e-mail.

## Artigos relacionados

* [Adicionar blocos](/pt-BR/editor/add-blocks)
* [Blocos de botão](/pt-BR/editor/button-blocks)
* [Painel de estilo](/pt-BR/editor/styling-panel)