Google style Button

This tailwind example is contributed by JUGENDRA GANGWAR, on 23-Oct-2026. Component is made with Tailwind v3.4. It is responsive.

Button

Author JUGENDRA GANGWAR

Tailwind v3.4 44

Fork Fullscreen

<div class="flex justify-center mt-52">
  <button class="btn-165">
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 262">
        <path fill="#4285F4" d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"></path>
        <path fill="#34A853" d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"></path>
        <path fill="#FBBC05" d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"></path>
        <path fill="#EB4335" d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"></path>
    </svg>
    <span>Login with Google</span>
</button>
</div>

Related Examples

tooltip Tailwind CSS and Alpinejs

Michael Andreuzza

2 years ago

4.3k
Free Animated Gradient Glow Button with Tailwind CSS
A modern, responsive Tailwind CSS button with glowing gradient hover effects, smooth animations, and an integrated SVG icon. Perfect for landing pages, call-to-action buttons, or any stylish UI project. Fully customizable and open source , ready to copy, paste, and use in your projects.

Homayoun

1 year ago

1.2k
YouTube subscription button

Shakti

3 years ago

12.1k
Buttons in pair

Amit Pachange

3 years ago

11.1k
Dioganal cuts Buttons

Adulik

3 years ago

7.8k
Github star button

Simon Scheffer

3 years ago

11.6k
button

Lokesh H

3 months ago

90
Material 3 Buttons [Light]
Buttons that conform to Google's Material 3 design guidelines

Nick Girga

1 year ago

1.8k
Tab Menu
Tab menu

$$@(\/)(\/)¥$ $@(\/)(\/)¥

2 years ago

7.4k
Boutons iOS 26
Boutons iOS 26

Omer fils ELENGA

11 months ago

914
Download on the App Store light button

Simon Scheffer

3 years ago

13.8k
Elevated Buton
On hover merge shadow

Anonymous

2 years ago

3.2k