Icons are used to visually represent actions and concepts through simple, themed graphics.
Default icon illustrations
Icons are simple visual symbols used to represent actions, statuses, and concepts. They automatically inherit color and style from the surrounding UI to maintain visual consistency across the experience.
Important :
Icon illustrations apply to Workspaces and are not supported in the Core UI.
Figure 1. Example of a default icon illustration
How icons differ from other default illustrations
Icons don’t show explicit colors; they are rendered in black and white.
Icons are organized by style (outline/fill) and size (small, medium, large, and extra large).
Icon color is contextual based on the component that they are associated with.
Icon library contains approximately 800 icons, displayed in paginated groups on the main stage.
Custom images
Upload your custom images to Theme Builder to replace the default icons.
When you replace an icon’s base image, Theme Builder automatically scales it down and applies it to all sizes. If you want more control, you can override each size individually with its own custom file, ensuring clarity and consistent stroke weight where it
matters.
The size and format limitations for each of the four file sizes are as follows:
Tableau 1. Small image size and format limitations
Field
Description
Dimensions limit
w12 × h12 px
Format
SVG
File size limit
2 MB
Tableau 2. Medium image size and format limitations
Field
Description
Dimensions limit
w16 × h16 px
Format
SVG
File size limit
2 MB
Tableau 3. Large image size and format limitations
Field
Description
Dimensions limit
w24 × h24 px
Format
SVG
File size limit
2 MB
Tableau 4. Extra large/base image size and format limitations