Social Media Icons

A block for displaying social media icons to link to your brand’s profiles. Ideal for footers, headers, or contact sections.

Main Parameters

Block class: Custom CSS class applied to the block container for additional styling or spacing control. Blocks → Overview → General Settings
Icons: Enter social platform names in lowercase, separated by commas.
Supported icons:
```
facebook, x, twitter, instagram, linkedin, pinterest, tiktok, whatsapp, youtube, vimeo, tumblr, twitch, threads, discord, mastodon, snapchat, spotify, wechat, custom_icon
```
warning
Before enabling the display icon, please configure the corresponding social media account address in Shopify Theme Editor, Theme Settings ->Social Media.
Icon size: Size of the social media icons (e.g., 100%, 150%, 200%).
Icon padding: Internal spacing around each icon, in pixels (px).
Show labels: Toggle visibility of the platform name (e.g., “Instagram”) below each icon.
Labels in second line: Force labels to appear on a new line beneath the icon (instead of inline).
Show border: Add a visible border around each icon+label group.
Border radius: Corner roundness of the border (e.g., Rounded 1–5, Pill, Circle).
Border padding: Spacing between the border and inner content (icon + label), in px.
Icon color schema: Choose icon color from your theme’s predefined color variables.
→ Defined in Theme Settings > Basic Settings > Colors
Alignment (desktop): Horizontal alignment on desktop (left, center, right).
Alignment (mobile): Horizontal alignment on mobile devices.