---
title: "Réseaux sociaux : des icônes vers vos profils"
description: "Affichez une suite d'icônes cliquables vers vos profils Instagram, Facebook, LinkedIn, X, TikTok, YouTube et autres réseaux sociaux."
url: https://docs.vivlab.com/editor/menu/icon-group
---

# Réseaux sociaux

L'élément **Réseaux sociaux** affiche une suite d'icônes cliquables vers vos profils sociaux (Instagram, Facebook, LinkedIn, X, TikTok, YouTube, etc.).

<DocsScreenshot name="editor-social-link" alt="L’adresse d’un profil social de démonstration et son icône." :width="346" :height="320" />

## Liste des icônes

Le panneau latéral affiche la liste des icônes avec leur nom et le lien associé. Cliquez sur une icône pour la modifier, ou utilisez les actions de la liste pour la **dupliquer**, **supprimer** ou en ajouter une nouvelle.

## Modifier une icône

En cliquant sur une icône, vous accédez à :

- **Action lors du clic** : l'URL ou l'action déclenchée (généralement un **Lien externe** vers votre profil sur le réseau correspondant). Reportez-vous au [bouton](https://docs.vivlab.com/editor/menu/button.md) pour la liste complète des actions disponibles.
- **Icône sélectionnée** : un aperçu de l'icône actuelle. Cliquez sur **Modifier** pour ouvrir la bibliothèque d'icônes et choisir une autre marque ou un autre style.

La bibliothèque propose plusieurs jeux d'icônes : **Icône d'action & informative** (Heroicons), **Icône de marque et réseaux sociaux** (Simple Icons), **Lucide**, **Material Symbols**, **Radix Icons**, **Remix Icon**, **Solar** et **Noto Emoji**. Pour les réseaux sociaux, privilégiez le jeu **Icône de marque et réseaux sociaux**.

## Style des icônes

Le [panneau de style](https://docs.vivlab.com/editor/style/index.md) regroupe la **Taille** et la **Couleur** des icônes, leur [positionnement](https://docs.vivlab.com/editor/style/align.md) (direction et alignements), l'[arrière-plan](https://docs.vivlab.com/editor/style/background.md), les [bordures](https://docs.vivlab.com/editor/style/border.md), l'[ombre](https://docs.vivlab.com/editor/style/box-shadow.md), les [marges intérieures](https://docs.vivlab.com/editor/style/padding.md) et les [transitions](https://docs.vivlab.com/editor/style/transition.md).

Les rubriques **Taille** et **Couleur** s'appliquent à toutes les icônes du bloc en même temps, pour un rendu homogène.
