Logomark for Development Bank of Singapore (DBS), a bright red shape resembling a flowerDBS Digital
Design System

Avatars

Avatars help users easily identify different profiles, recipients, accounts and cards. They are especially useful in lists, tables and chats.

What’s here

  1. Resources
  2. Variations
  3. Placement
  4. FAQs

Resources

  • Avatars on Figma
  • Avatars API

Variations

Media is restricted, please login to view

Placement

Media is restricted, please login to view

FAQs

When do I use the logo avatar with colour and when do I use the one in grey?

Use the grey avatar only when no account has been selected, for example, when a user needs to select a source account to initiate a transfer.

What if the logo I want to use is not available?

Designers can create the logo and reach out to us so that we can include your contribution in our library.

Is there an emoji library?

You can refer to this. For designers: copy and paste emoji’s as image. Developers can refer to the CSS code for that emoji.

Alternatively, you can use emojis in unicode: https://apps.timwhitlock.info/emoji/tables/unicode

Loading...