import React from 'react';

export const GoogleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
    <svg viewBox="0 0 48 48" {...props}>
        <path fill="#FFC107" d="M43.611 20.083H42V20H24v8h11.303c-1.649 4.657-6.08 8-11.303 8-6.627 0-12-5.373-12-12s5.373-12 12-12c3.059 0 5.842 1.154 7.961 3.039L38.804 9.61C34.566 5.845 29.643 4 24 4 12.955 4 4 12.955 4 24s8.955 20 20 20 20-8.955 20-20c0-1.341-.138-2.65-.389-3.917z"></path>
        <path fill="#FF3D00" d="M6.306 14.691c-1.321 2.356-2.094 5.12-2.094 8.129s.773 5.773 2.094 8.129l5.62-4.381C11.091 25.131 11 24.575 11 24s.091-1.131.226-2.249l-5.62-4.381z"></path>
        <path fill="#4CAF50" d="M24 44c5.166 0 9.657-1.855 13.04-4.85l-5.48-4.246c-1.631 1.09-3.701 1.74-5.961 1.74-4.903 0-9.09-3.212-10.58-7.551l-5.62 4.381C8.909 39.448 15.897 44 24 44z"></path>
        <path fill="#1976D2" d="M43.611 20.083H42V20H24v8h11.303c-.792 2.237-2.231 4.16-4.082 5.564l5.48 4.246c3.226-2.991 5.34-7.233 5.34-12.233c0-1.341-.138-2.65-.389-3.917z"></path>
    </svg>
);