official google logo

Author: mariam123hagras

web/src/components/atoms/GoogleButton.tsx

@@ -1,37 +1,41 @@
 import React from 'react';
 import { Button } from './Button';
 
-const GoogleIcon: React.FC = () => (
+interface GoogleButtonProps {
+	onClick: () => void;
+	loading?: boolean;
+}
+
+const GoogleIcon = () => (
 	<svg
-		width="18"
-		height="18"
-		viewBox="0 0 18 18"
+		version="1.1"
 		xmlns="http://www.w3.org/2000/svg"
+		viewBox="0 0 48 48"
+		xmlnsXlink="http://www.w3.org/1999/xlink"
+		style={{ display: 'block' }}
+		width={18}
+		height={18}
 	>
 		<path
-			d="M17.64 9.2c0-.637-.057-1.251-.164-1.84H9v3.481h4.844c-.209 1.125-.843 2.078-1.796 2.717v2.258h2.908c1.702-1.567 2.684-3.874 2.684-6.615z"
-			fill="#4285F4"
-		/>
+			fill="#EA4335"
+			d="M24 9.5c3.54 0 6.71 1.22 9.21 3.6l6.85-6.85C35.9 2.38 30.47 0 24 0 14.62 0 6.51 5.38 2.56 13.22l7.98 6.19C12.43 13.72 17.74 9.5 24 9.5z"
+		></path>
 		<path
-			d="M9 18c2.43 0 4.467-.806 5.956-2.184l-2.908-2.258c-.806.54-1.837.86-3.048.86-2.344 0-4.328-1.584-5.036-3.711H.957v2.332C2.438 15.983 5.482 18 9 18z"
-			fill="#34A853"
-		/>
+			fill="#4285F4"
+			d="M46.98 24.55c0-1.57-.15-3.09-.38-4.55H24v9.02h12.94c-.58 2.96-2.26 5.48-4.78 7.18l7.73 6c4.51-4.18 7.09-10.36 7.09-17.65z"
+		></path>
 		<path
-			d="M3.964 10.707c-.18-.54-.282-1.117-.282-1.707s.102-1.167.282-1.707V4.961H.957C.347 6.175 0 7.55 0 9s.348 2.826.957 4.039l3.007-2.332z"
 			fill="#FBBC05"
-		/>
+			d="M10.53 28.59c-.48-1.45-.76-2.99-.76-4.59s.27-3.14.76-4.59l-7.98-6.19C.92 16.46 0 20.12 0 24c0 3.88.92 7.54 2.56 10.78l7.97-6.19z"
+		></path>
 		<path
-			d="M9 3.58c1.321 0 2.508.454 3.44 1.345l2.582-2.58C13.463.891 11.426 0 9 0 5.482 0 2.438 2.017.957 4.961L3.964 7.293C4.672 5.163 6.656 3.58 9 3.58z"
-			fill="#EA4335"
-		/>
+			fill="#34A853"
+			d="M24 48c6.48 0 11.93-2.13 15.89-5.81l-7.73-6c-2.15 1.45-4.92 2.3-8.16 2.3-6.26 0-11.57-4.22-13.47-9.91l-7.98 6.19C6.51 42.62 14.62 48 24 48z"
+		></path>
+		<path fill="none" d="M0 0h48v48H0z"></path>
 	</svg>
 );
 
-interface GoogleButtonProps {
-	onClick: () => void;
-	loading?: boolean;
-}
-
 export const GoogleButton: React.FC<GoogleButtonProps> = ({
 	onClick,
 	loading,