components/icons/GoogleIcon.tsx

import React from 'react';

const GoogleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
  <svg 
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path 
      d="M21.35,11.1H12.18V13.83H18.68C18.43,15.63 17.22,17.91 14.88,17.91C12.38,17.91 10.33,15.91 10.33,13.33C10.33,10.75 12.38,8.75 14.88,8.75C16.03,8.75 16.93,9.18 17.58,9.8L19.78,7.6C18.08,5.98 16.35,5 14.88,5C10.63,5 6.98,8.38 6.98,13.33C6.98,18.28 10.63,21.66 14.88,21.66C19.13,21.66 21.6,18.68 21.6,13.58C21.6,12.7 21.5,11.85 21.35,11.1Z" 
      fill="#4285F4"
    />
  </svg>
);

export default GoogleIcon;