---
title: "Selecting a default widget icon"
slug: "selecting-a-default-widget-icon"
updated: 2025-10-21T16:31:55Z
published: 2025-10-21T16:31:55Z
canonical: "help.userflow.com/selecting-a-default-widget-icon"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://help.userflow.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Selecting a default widget icon

A widget is an embeddable component that you can place on your site or app to deliver announcements, updates, notifications, or changelog content. It essentially leads to a visual interface (a sidebar, a pop-up, or an inline feed) that displays the updates you publish via Beamer.

Beamer provides icon options so you can choose one that fits your style and use case. You can also adjust the position of the widget to fit within your site or app. Learn more: [How to customize the position of the widget icon](/beamer/docs/how-to-customise-the-position-of-the-widget-icon).

**To select a widget icon:**

1. Select **Settings > Widget** from the sidebar. ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(400).png)
2. In the **Buttons & Triggers** section, select an option from the **Default Button Icon** menu. ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(389).png)

| Option | Icon |
| --- | --- |
| Bell (full) | ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(392).png) |
| Bell (line) | ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(393).png) |
| Flame | ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(394).png) |
| Flame (alt) | ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(395).png) |
| Alert bubble | ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(396).png) |
| Alert circle | ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(397).png) |
| Bullhorn | ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(398).png) |
| Thumbtack | ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(399).png) |

1. Click **Save Settings**. ![](https://cdn.us.document360.io/9697557a-eb5d-476f-9b09-062b0f7bdcbd/Images/Documentation/image(401).png)