ServiceLogo

Presents a logo for a common service.

GuidelinesReact

When to use

  • To add simple visual context so users can trust the well-known service (such as a payment method).

When not to use

Component status

Figma

React

iOS

Android

Released
Released
N/A
N/A

Content structure

Service logo: shows the logo, is available in grayscale, and is best when has the service name.

Content

Include non-visual information

Logos can create important context for users, but not everyone sees the logo. So make sure everything necessary is presented in a non-visual form.

By default, the logo comes with alternative text that's the same as the name of the service. Check to make sure that this information is meaningful and not unnecessarily repeated.