---
title: "Social media: icons to your profiles"
description: "Show a row of clickable icons linking to your Instagram, Facebook, LinkedIn, X, TikTok, YouTube and other social profiles."
url: https://docs.vivlab.com/en/editor/menu/icon-group
---

# Social media

The **Social media** element shows a row of clickable icons leading to your social profiles (Instagram, Facebook, LinkedIn, X, TikTok, YouTube, etc.).

<DocsScreenshot name="editor-social-link" alt="A demo social profile URL and its icon." :width="346" :height="320" />

## Icon list

The side panel shows the list of icons with their name and the linked URL. Click on an icon to edit it, or use the list actions to **duplicate**, **delete** or add a new one.

## Edit an icon

When you click on an icon, you can access:

- **Action on click**: the URL or action triggered (usually an **External link** to your profile on the matching network). See the [button](https://docs.vivlab.com/en/editor/menu/button.md) for the full list of available actions.
- **Selected icon**: a preview of the current icon. Click **Edit** to open the icon library and choose another brand or style.

The library offers several icon sets: **Action & informational icon** (Heroicons), **Brand and social media icon** (Simple Icons), **Lucide**, **Material Symbols**, **Radix Icons**, **Remix Icon**, **Solar** and **Noto Emoji**. For social networks, prefer the **Brand and social media icon** set.

## Icon style

The [style panel](https://docs.vivlab.com/en/editor/style/index.md) gathers the **Size** and **Color** of the icons, their [positioning](https://docs.vivlab.com/en/editor/style/align.md) (direction and alignments), [background](https://docs.vivlab.com/en/editor/style/background.md), [borders](https://docs.vivlab.com/en/editor/style/border.md), [shadow](https://docs.vivlab.com/en/editor/style/box-shadow.md), [inner margins](https://docs.vivlab.com/en/editor/style/padding.md) and [transitions](https://docs.vivlab.com/en/editor/style/transition.md).

The **Size** and **Color** subsections apply to every icon of the block at once, for a consistent look.