Skip to main content




Service Studio version:

Use Icons

  • Edit
    Collaborate with us
    Edit this page on GitHub
  • Icons are small pictograms or symbols to help end users identify functionality or information on screens. OutSystems provides a built-in collection of icons that can be used on the interface of applications.

    In Reactive Web and Mobile

    To use an icon in Reactive Web and Mobile:

    1. Drag the Icon widget from the widgets toolbox and drop it onto the screen.
    2. Select the icon you want to use and click OK.

    In Traditional Web

    To use an icon in Traditional Web:

    1. In the Interface tab, go to Rich Widgets and drag an Icon block to the screen.
    2. Expand the drop-down list in the Name property and select the icon to be displayed.