Icon

This node places an icon in the visual tree.

You can use an icon from the built in library, or provide your own image source.

Dynamic icons

If you want to dynamically pass an icon from the icon library to the Icon node you do this through the Icon Source input.

This input expects an object with a class (being the name of the icon library) and code (being the icon code that you see when you hover an icon in the icon picker). The easiest way of transforming a string to an icon object is to use a custom function containing the following code:

Outputs.iconObject = {
  "class": "material-icons",
  "code": Inputs.iconCode,
};

This will automatically create an iconCode input and an iconObject output.

Inputs

Data	Description
Type	Use this to set if you want to use a predefined icon or a custom image from the project folder.
Icon Source	Where to get the icon.
Size	The width of the icon in px.
Color	Sets the color of the icon. Only visible if Type is set to icon.

Visual

This node supports the following Visual Input Properties:

• Margin
• Padding
• Alignment
• Layout, Position
• Style
• Placement
• Advanced Style

Outputs

This node supports the following Visual Output Properties:

• Bounding Box
• Mounted
• Other

@include "../shared-props/inputs/visual-input-properties.md" @include "../shared-props/outputs/visual-output-properties.md"