# Icon

An icon is a representative image or symbol.

## Properties

<figure><img src="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2F0LpCu11BunrN9oNEx2sr%2Fimage.png?alt=media&#x26;token=edec859c-f600-4600-8930-acd187576ece" alt=""><figcaption></figcaption></figure>

**Icon type:** Select an icon from the dropdown.

For customized icons, click on the code editor toggle and paste in the SVG path.

<figure><img src="https://3574406564-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MB_fx7PCUqvFEdrucJC%2Fuploads%2FK6A6jAKqPSrGGpMLn3WA%2Fimage.png?alt=media&#x26;token=6aac2db0-ec09-4135-8e3d-9236451f824d" alt=""><figcaption></figcaption></figure>

See [tooltip](https://docs.acho.io/app-builder/app-construction/elements/tooltip "mention") for tooltip configurations.

## Supported Events

**Click Icon:** Triggered when a user clicks on the icon.

## Supported Actions

**Set Data:** Change element data. See [data-store](https://docs.acho.io/app-builder/app-construction/data-store "mention").

**Set Loading:** Set loading animation. See [set-loading-animations](https://docs.acho.io/app-builder/popular-use-cases/set-loading-animations "mention").

{% hint style="info" %}
Visit [interactions](https://docs.acho.io/app-builder/app-construction/interactions "mention") for more on events and actions.
{% endhint %}