# Show social links as icons

Turn a social links list into brand icons, including Mastodon and Pixelfed, pick the network for any link, and switch back to text when needed.

Source: https://yaya.page/support/articles/website/show-social-links-as-icons
Last updated: 2026-10-22

## Turn links into icons
1. Click the social links section, then click the three dots and **Edit section**.
2. Open the **Style** tab and set **Link style** to **Icons**.
3. Click **Done**.

Each link that points to a known network shows its brand icon. The link's **Name** stays the accessible label for screen readers.

## Which links get an icon
- Known networks such as Facebook, X, Instagram, TikTok, LinkedIn, YouTube, Pinterest, Mastodon and Pixelfed resolve from the link itself.
- Well-known Mastodon servers such as mas.to, fosstodon.org and hachyderm.io also resolve from the link.
- Any other link keeps its text name until you pick its network.

## Pick the network for a link
Some servers, such as a small Mastodon or Pixelfed instance, have a name that does not show the network.
1. Click **Edit section**, open the **Content** tab and click the link.
2. Set **Network** to the network, for example **Mastodon** or **Pixelfed**.
3. Click **Back**, then **Done**.

**Network** is **Auto** by default, and then the link address decides. A pick changes the icon only. The link's **Name** and its address stay as you typed them.

## Keep the text list
On the **Style** tab, set **Link style** to **Text** to show the names instead.

## Footer links
The footer's social links use the same icon set. Pick Mastodon or Pixelfed as the link type in the footer editor.