Sign in with Google Branding Guidelines

Page Summary

Following these guidelines on displaying the Sign in with Google button is required for app verification.
The recommended way to display the button is using Google Identity Services SDKs, but you can also render an HTML button, download assets, or create a custom button.
Pre-approved brand icons are available for download in various styles, themes, and shapes.
If creating a custom button, adhere to specific guidelines regarding size, text, color, font, padding, and the Google logo.
The Sign in with Google button should be displayed at least as prominently as other third-party sign-in options.

This document provides guidelines on how to display a Sign in with Google button on your website or app. Your website or app must follow these guidelines to complete the app verification process.

Our Google Identity Services SDKs render a Sign in with Google button that always adheres to the most recent Google branding guidelines. They are the recommended way to display the Sign in with Google button on your website or app. For cases where you are not able to use the Google-rendered button option, you can render an HTML button element, download our pre-approved branding assets or optionally create a custom Sign in with Google button.

Render HTML Button Element

We provide an HTML configurator that allows you to customize the appearance of the Sign in with Google button, featuring the current button design. You can then download an HTML and CSS snippet that will render the button on your website.

Generate HTML Button Element

Download Pre-Approved Brand Icons

As an alternative to using a custom image button, you can download our pre-approved Sign in with Google buttons provided in PNG and SVG formats for all platforms.

The provided images buttons are available in standard and icon modes and include the below style options: