import * as React from 'react';

export default function GoogleIcon({ className = '', ...props }: React.SVGProps<SVGSVGElement>) {
  return (
    <svg
      className={className}
      viewBox="0 0 48 48"
      width="1em"
      height="1em"
      {...props}
    >
      <g>
        <path fill="#4285F4" d="M24 9.5c3.54 0 6.07 1.53 7.47 2.81l5.52-5.52C33.97 3.61 29.41 1.5 24 1.5 14.82 1.5 6.98 7.86 3.69 16.09l6.77 5.26C12.13 15.09 17.61 9.5 24 9.5z"/>
        <path fill="#34A853" d="M46.1 24.55c0-1.64-.15-3.22-.43-4.74H24v9.01h12.42c-.54 2.9-2.18 5.36-4.65 7.01l7.18 5.59C43.98 37.61 46.1 31.61 46.1 24.55z"/>
        <path fill="#FBBC05" d="M10.46 28.35a14.5 14.5 0 0 1 0-8.7l-6.77-5.26A23.94 23.94 0 0 0 1.5 24c0 3.77.9 7.34 2.49 10.41l6.77-5.26z"/>
        <path fill="#EA4335" d="M24 46.5c6.41 0 11.78-2.13 15.7-5.81l-7.18-5.59c-2 1.34-4.56 2.13-8.52 2.13-6.39 0-11.87-5.59-13.54-12.91l-6.77 5.26C6.98 40.14 14.82 46.5 24 46.5z"/>
        <path fill="none" d="M1.5 1.5h45v45h-45z"/>
      </g>
    </svg>
  );
}