Skip to main content

Icon sizes

note

We recommend using SVG icons for your application. SVGs are scalable vector graphics, making them suitable for all screen sizes and resolutions without losing quality when resized. This avoids dependencies between the size of the icon and the size used for tasks, pre-filters and so forth. The Universal GUI automatically adjusts icon colors for dark or light mode, provided the SVG does not contain embedded color data.

For more information, see User interface design guidelines.

ElementSize
List Bar Group24x24
List Bar Item20x20 (table icon)
Document20x20 (table icon)
Component/Detail Tabpage20x20 (table icon)
Form Tabpage16x16
Form Group16x16
Task/Report/Prefilter context menu and ribbon16x16
Task/Report/Prefilter Bar16x16/24x24/32x32/48x48 (Adjustable)
ClickStart logo100x50
Splash screen500x300
Ribbon about icon17x18
About logo100x50
About background354x168

Was this article helpful?