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.
Element | Size |
---|---|
List Bar Group | 24x24 |
List Bar Item | 20x20 (table icon) |
Document | 20x20 (table icon) |
Component/Detail Tabpage | 20x20 (table icon) |
Form Tabpage | 16x16 |
Form Group | 16x16 |
Task/Report/Prefilter context menu and ribbon | 16x16 |
Task/Report/Prefilter Bar | 16x16/24x24/32x32/48x48 (Adjustable) |
ClickStart logo | 100x50 |
Splash screen | 500x300 |
Ribbon about icon | 17x18 |
About logo | 100x50 |
About background | 354x168 |