→ Anonymous
→ Login with google button bootstrap

Login with google button bootstrap

This bootstrap css example is contributed by Anonymous, on 23-Dec-2024. Component is made with bootstrap css v.5.3. It is responsive.

Tags: Button

Author Anonymous

2.4k

v.5.3

Fork Fullscreen

<button class="google-btn d-flex align-items-center">
    <img src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0iI0VBNDMzNSIgZD0iTTI0IDkuNWMzLjU0IDAgNi43MSAxLjIyIDkuMjEgMy42bDYuODUtNi44NUMzNS45IDIuMzggMzAuNDcgMCAyNCAwIDEyLjA4IDAgMi4zMSA2LjkzLjQxIDE2LjdsNy45OCA2LjE5QzEwLjI2IDEzLjggMTYuNTQgOS41IDI0IDkuNXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjMzRBODUzIiBkPSJNNDYuOTggMjQuNTVjMC0xLjU3LS4xNS0zLjA5LS4zOC00LjU1SDI0djkuMDJoMTIuOTRjLS41OCAyLjk2LTIuMjYgNS40OC00Ljc4IDcuMThsNy43MyA2YzQuNTEtNC4xOCA3LjA5LTEwLjM2IDcuMDktMTcuNjV6Ij48L3BhdGg+PHBhdGggZmlsbD0iI0ZCQkMwNSIgZD0iTTEwLjUzIDI4LjU5Yy0uNDgtMS40NS0uNzYtMi45OS0uNzYtNC41OXMuMjctMy4xNC43Ni00LjU5bC03Ljk4LTYuMTlDLjkyIDE2LjQ2IDAgMjAuMTIgMCAyNGMwIDMuODguOTIgNy41NCAyLjU2IDEwLjc4bDcuOTctNi4xOXoiPjwvcGF0aD48cGF0aCBmaWxsPSIjNDI4NUY0IiBkPSJNMjQgNDhjNi40OCAwIDExLjkzLTIuMTMgMTUuODktNS44MWwtNy43My02Yy0yLjE1IDEuNDUtNC45MiAyLjMtOC4xNiAyLjMtNy40NiAwLTEzLjc0LTQuOC0xNS40MS0xMS44N2wtNy45OCA2LjE5QzYuNjkgNDEuMDYgMTQuNjIgNDggMjQgNDh6Ij48L3BhdGg+PC9zdmc+" 
                alt="Google logo" class="google-icon">
    <span class="btn-text">Sign in with Google</span>
</button>

More Examples