Icon
This node renders a vector icon.
The Icon node displays a symbol from the Material Icons library.
The Icon node renders a scalable vector icon. You can select the icon from a library, change its color, and size. It is useful for buttons, indicators, and visual flair.
Inputs
General
| Data | Description |
|---|---|
| Icon | The name of the icon (e.g., "home", "search", "menu"). |
Style
| Data | Description |
|---|---|
| Color | The color of the icon. |
| Size | The size of the icon (font-size). |
Outputs
General
| Data | Description |
|---|---|
| Node Reference | Reference to the icon element. |
Usage
Navigation Icon
- Add an Icon.
- Set Icon to "menu".
- Set Color to "white".
Status Indicator
- Add an Icon.
- Use a Switch node to change the Icon input between "check_circle" (Success) and "error" (Failure).
- Change Color to Green or Red accordingly.
Detailed Behavior
- Font Icon: Typically implemented as a font or SVG. Behaves like text for sizing/coloring.
Troubleshooting
- Icon Not Showing: Verify the icon name matches the Material Icons naming convention (snake_case, e.g.,
arrow_forward).