With the icon component you can easily display icons from Vaadin on a view. There are several possibilities to add icons.

  • Icon component from the palette - To do this, simply drag and drop an icon from the Palette into the GUI Builder. To change the icon now, you can go to Properties > Object > Icon and change the icon.

  • Icon-View - Icons can also be dragged and dropped from the Icons-View into the GUI-Builder. Simply click on the icon view and then drag and drop the desired icon into the GUI builder.

image not found

Many components also have their own icon property to display an icon directly in the component. To do this, simply select the icon from the desired component under Properties > Object > Icon.

image not found

Important properties:

  • Icon - The icon to be displayed

  • Styling > Color - The color the icon should have