Skip to main content


The Icon component allows you to add any of the 3,000+ supported icons as standalone application components. Users can customize the size and color of an icon, as well as trigger events when it is clicked.

Example of an icon component

Icon Properties

Component Properties

IconThe icon to display
ColorColor of the icon
Loading AnimationControls whether the icon should display a loading animation when a dependent API is running
VisibleControls the visibility of the component, values are a boolean

Reference Properties

Properties can be accessed from other frontend components and backend APIs by adding the name of the Icon component, and dot referencing the property. For an Icon named Icon1:

Icon1.iconReturns the icon's name as a string
Icon1.isVisibleReturns the boolean value of the icon's visibility (True, if it is visible)


The following events are triggered by user interactions with Icon components. Use event handlers to trigger actions in response to user events.

onClickEvent that fires when the icon is clicked