Esempi di Social Media Icons

Controlla gli esempi di Icone Social per il sito web per scoprire il pieno potenziale del widget. Assicurati che si adatti ai tuoi obiettivi.

Esempio 1: Icone Social

Questa è una delle varianti più diffusi del widget. Le icone hanno una forma rotonda e sono colorate con colori originali dei social network. Il layout Inline dispone le icone in una riga. È una buona variante per un'area di contenuto di qualsiasi sito web.

Esempio 2: Floating Icons

Se scegli il layout Floating, il widget si sposterà lungo la pagina, seguendo lo scroll e resterà sempre a portata di mano. Questo tipo di layout può essere allineato a qualsiasi lato dello schermo e verrà riorganizzato in orizzontale, se scegli l'allineamento centrale. Le icone qui sono quadrate con lo stile predefinito.

Esempio 3: Icone Nere

Queste icone sembrano assolutamente uniche grazie alla soluzione cromatica in bianco e nero. I colori dello sfondo e il simbolo del supporto sono stati modificati nelle impostazioni. Le icone sono in linea e allineate al centro. C'è anche un effetto di animazione al passaggio del mouse.

Esempio 4: Icone Bianche

Per adattare il widget al concetto generale dello stile, puoi cambiarne completamente l'aspetto. Qui le icone hanno lo sfondo bianco ei simboli dei media hanno salvato i colori originali per salvare l'autenticità. La forma arrotondata e la larghezza personalizzata li hanno resi minimalisti.

Esempio 5: Clean Icons

Grazie allo stile Symbol applicato a questo widget, le icone vengono visualizzate senza lo sfondo. Le icone dei media hanno salvato i colori originali e sembrano estremamente minimaliste. L'animazione zoom viene visualizzata al passaggio del mouse e ci sono anche altre varianti di animazione che puoi scegliere.

Esempio 6: Più Icone

Puoi visualizzare qualsiasi numero di icone sulla pagina e questo esempio dimostra che avranno un bell'aspetto, qualunque sia il numero. Ci sono 8 icone disposte su una riga e allineate al centro. Tutti hanno colori originali di sfondo e simboli e mostrano l'animazione di rimbalzo quando si passa con il mouse.

Esempio 7: Messenger

Questo esempio mostra come indirizzare gli utenti ai tuoi canali in Messenger direttamente dal sito web. Le icone in questo esempio hanno una dimensione moderata di 32 px e hanno la forma di un cerchio. I colori originali dei messaggeri vengono salvati in background e i simboli stessi sono bianchi. Queste opzioni, così come altre impostazioni di personalizzazione, possono essere facilmente modificate nell'editor.

Unisciti a 2,078,753 clienti che già utilizzano le App di Elfsight

Prova il gusto di 80+ potenti app di Elfsight. Nessuna carta di credito. L'iscrizione è gratuita!
Inizia
Ottieni 20% di sconto ora!