Icon guidelines

Introduction

Nedbank’s system icons are a key part of our visual identity, designed to ensure consistency and brand recognition across all digital platforms. These icons are used in our online banking systems, mobile apps, and other digital services to help you navigate and perform various banking tasks efficiently.

For design or development purposes, you can find a variety of Nedbank icons available for download in formats like SVG, PNG, and GIF on platforms like IconScout. These icons come in various styles including flat, coloured outline, line, glyph, and isometric, making them versatile for different design needs.

Why icons matters

Icons bring our digital interfaces to life, guiding users through their journey and making interactions more enjoyable. It helps to:

System icon anatomy

Icons should be used intentionally to maximise comprehension and reduce cognitive load. We primarily use it for calls to action, commands, or leading to specific sections.

1. Grid Area: The foundation where the grid construction is set.
2. The Icon: The visual element itself.
3. Canvas Area: The space where the icon is confined.
   

Our icon behaviour

Our icons are designed on a 20px scale grid and exported on a 24px canvas size. Use icons to maximise comprehension and reduce cognitive load, especially when your need to draw attention to a specific action, command, or section. Each icon embodies our brand personality.

Best practices

It’s always best to align with the existing icon set in our library to maintain a consistent design style and avoid brand confusion.

Our system icons are designed to be used progressively and meaningfully, supporting users by providing clear context to calls to action. Ensure that icons are accompanied by text that enhances user understanding, especially in scenarios where the icon alone may not be fully understood.