Exemplos de Ícones de Redes Sociais

Esta é uma das variações mais comuns do widget. Os ícones são circulares e dispostos em uma única linha horizontal — graças ao layout Inline do widget. Embora você possa escolher qualquer cor de fundo, aqui as cores originais da mídia são preservadas e seus símbolos são brancos. É uma boa opção para a área de conteúdo de qualquer site.

Se você escolher o layout flutuante, o widget se moverá pela página, acompanhando a rolagem e, assim, ficará sempre à mão. Esse tipo de layout pode ser alinhado a qualquer lado da tela e será reorganizado para o formato horizontal se você optar pelo alinhamento central. Os ícones aqui são quadrados, com estilo padrão.

Esses ícones parecem absolutamente únicos, graças à solução de cores em preto e branco. As cores de fundo e o símbolo da mídia foram alterados nas configurações. Os ícones ficam em linha e alinhados ao centro. Também há um efeito de animação ao passar o mouse.

Para encaixar o widget no conceito geral do estilo, você pode alterar totalmente a aparência. Aqui, os ícones têm fundo branco e os símbolos das mídias mantêm as cores originais para preservar a autenticidade. O formato arredondado e a largura personalizada conferem um visual limpo e minimalista.

Graças ao estilo Symbol aplicado a este widget, os ícones aparecem sem fundo. Os ícones das mídias mantêm as cores originais e ficam extremamente minimalistas e limpos. A animação de zoom aparece ao passar o mouse, e há várias variações de animação entre as quais você pode escolher.

Você pode exibir qualquer quantidade de ícones na página, e este exemplo prova que eles ficarão ótimos — não importa a quantidade. Há 8 ícones alinhados em uma linha e centralizados. Todos mantêm as cores nativas de fundo e de símbolos e mostram animação de bounce ao passar o cursor.

Este exemplo mostra como direcionar usuários para seus canais em apps de mensagens diretamente do site. Os ícones neste exemplo têm tamanho moderado de 32 px e são circulares. As cores originais dos apps de mensagens são mantidas no plano de fundo, e os símbolos são brancos. Essas opções, bem como mais configurações de personalização, podem ser alteradas facilmente no construtor.