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.

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.

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

Font Awesome icon names must match exactly. Do not include the fa- prefix. Only Free Font Awesome icons are supported.

Help

If you need additional help with this article, you can always ask in our community forum! 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!