Google signin buttons

btn_google_signin_dark_disabled_web.png

btn_google_signin_dark_focus_web.png

btn_google_signin_dark_normal_web.png

btn_google_signin_dark_pressed_web.png

index.html

<link rel=stylesheet type=text/css href="style.css">

<a class="google-signin"></a>

style.css

.google-signin {
   background-image: url('btn_google_signin_dark_normal_web.png');
   display: inline-block;
   width: 191px;
   height: 46px;
   border: 0px;
}
.google-signin:hover {
   background-image: url('btn_google_signin_dark_focus_web.png');
   cursor: pointer;
}
.google-signin:active {
   background-image: url('btn_google_signin_dark_pressed_web.png');
}
.google-signin:disabled {
   background-image: url('btn_google_signin_dark_disabled_web.png');
}

Where we get this button in other languages.

@tweaking-pranav maybe use this instead https://developers.google.com/identity/gsi/web/guides/display-button? This will automatically adjust the display language for you.