# Social Icon (Standalone)

### Walkthrough

#### Step 1: Add the Social Icon

1. Click the **+ Add Component** button.
2. Search for **Social Icon** and drag it onto your screen.

<figure><img src="/files/K8OiPwzpPkpkhe1rwJQo" alt="" width="563"><figcaption></figcaption></figure>

#### Step 2: Configure the Icon

1. Select a **Platform** from the dropdown.
2. Add a **Link** (destination URL).
3. Set a **Click Action** (action triggered on tap).
4. Adjust the **Size** as needed — this is independently controllable, unlike icons in the Strip.

<figure><img src="/files/cZ33Y65bn0p4Kb2zm02P" alt="" width="563"><figcaption></figcaption></figure>

You can also configure:

* **Use Platform Brand Colors** — Toggle ON to apply the official brand color automatically
* **Icon Color** — Set a custom color (only available if brand colors are OFF)

#### Step 3: Use Custom Platform (Optional)

Set **Platform → Custom** to unlock additional options:

* **Font Awesome icon name** — Enter the icon name (must match exactly)
* **Material icon** — Select a Material Design icon
* **Uploaded image** — Use your own image as the icon
* **Image rounding** — Control the corner radius of uploaded images
* **Custom icon color** — Set the color for custom icons

<figure><img src="/files/wbbLbH6XpxBbR6mAplMG" alt="" width="563"><figcaption></figcaption></figure>

{% hint style="warning" %}
Font Awesome icon names must match exactly. Do not include the `fa-` prefix. Only Free Font Awesome icons are supported.
{% endhint %}

### Help

If you need additional help with this article, you can always ask in our [community forum](https://forum.adalo.com/)! Be sure to paste the link to this article in your post as well!

Do you have a tutorial or help doc request? [Let us know!](https://ideas.adalo.com/tutorial-requests)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.adalo.com/component-basics/marketplace-components/social-icon/social-icon-standalone.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.