Custom Icons Throughout Your App

Menu icons are used in front of every point in the menu, for example, news pages, static pages, folders, and plugins. Additionally you can use icons on pages for important links. Choose from one of the available icons. Or you can contact your Customer Success Manager to learn more about getting your custom icon into the menu or on the page.  

Available Staffbase Icons

Select an icon from the icon picker, for example, when editing the menu. 

Requirements for Custom Icons

• Size: 96 x 96 px; as a menu icon, it is reduced to 18 x 18 px
• File format: png recommended and svg not supported
• Resolution: 72 dpi
• Color profile: sRGB
• Any minimalistic shape
• Recommendation: use the whole canvas up to the border
• Outline-width: use 4–8 px size as the outer border width of the icon
• 2 versions required for the different backgrounds in the native app and the web app:
  • White with transparent background
    
    
  • A dark color with transparent background, 
    for example, black, the standard grey (#666666), or another dark color that you already use for the branding of your app