Icon

The Icon component is a visual indicator to show a small image or a symbol.

You can use the Icon component to let the users quickly understand the meaning of the text. Or maybe you intend to display an icon based on your app designs.

You can pick an icon from the available list of icon sets:

Icon Sets
Ant Design
Entypo
Evil Icons
Feather
Font Awesome
Foundation
Ionicons
Material Community Icons
Material Icons
Octicon
Simple Line Icons
Zocial

Adding an Icon component

To add an icon to your app screen:

Select the Icon component from the Components drawer. You can open the list of components by clicking the + button next to Components.
To add an Icon, go to the Configs tab (second tab) in Properties Panel.
Open the Icon picker next to the Icon config property and select the desired icon.

Configuration Properties

Property	Description
Component Name	To alter the name of the component. The name is reflected in the Components tree. Defaults to Icon.
Color	The colour of the icon. Defaults to `strong`.
Size	The width and height of the icon. Defaults to `24`.

Data Configuration

Property	Description
Icon	The icon is selected from the icon picker. Defaults to `photo`.

❗️
Note: For Interactions, use Icon Button
If you are looking to add actions on an Icon or make it interactable, check Icon Buttons component.