# Building a custom Google Sign-In button
> [!WARNING]
> **Warning:** The Google Sign-In library optionally uses FedCM APIs, and their use will become a requirement. [Conduct an impact assessment](https://developers.google.com/identity/sign-in/web/gsi-with-fedcm) to confirm that user sign-in continues to function as expected.
>
> Support for the Google Sign-In library is deprecated, see the [Deprecation and Sunset](https://developers.google.com/identity/sign-in/web/deprecation-and-sunset) guide for more.
## Customizing the automatically rendered sign-in button (recommended)
To create a Google Sign-In button with custom settings, add
an element to contain the sign-in button to your sign-in page, write a function
that calls
[`signin2.render()`](https://developers.google.com/identity/sign-in/web/reference#gapisignin2renderid_options)
with your style and scope settings,
and include the `https://apis.google.com/js/platform.js` script
with the query string `onload=YOUR_RENDER_FUNCTION`.
The following is an example of a Google Sign-In button that specifies
custom style parameters:
The following HTML, JavaScript, and CSS code produces the button above:
```
```
You can also specify settings for a custom Google Sign-In button by defining
`data-` attributes to a `div` element with the class `g-signin2`. For example:
## Building a button with a custom graphic
You can build a Google Sign-In button to fit your site's design.
You must follow the [branding guidelines](https://developers.google.com/identity/branding-guidelines) and use
the appropriate colors and icons in your button. The branding guidelines also
provide icon assets that you can use to design your button. You must also
ensure that your button is as prominent as other third-party login options.
The following is an example of a Google Sign-In button built with a custom
graphic:
The following HTML, JavaScript, and CSS code produces the button above:
```