import { FC } from 'react';



export const IconGoogle: FC = () => {
  return (
    <div style={{ width: 48, height: 48 }}>
      <svg viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
        <g clipPath="url(#clip0_446_3912)">
          <rect width="100" height="100" rx="20" fill="white" />
          <path d="M0 0H100V100H0V0Z" fill="white" />
          <path d="M50.6321 36.3644C54.6941 36.3644 57.4341 38.119 58.9964 39.5851L65.1015 33.6243C61.3519 30.1392 56.4727 28 50.6321 28C42.1715 28 34.8647 32.8552 31.3075 39.9216L38.3018 45.3537C40.0564 40.138 44.9116 36.3644 50.6321 36.3644Z" fill="#EA4335" />
          <path d="M71.3987 50.1127C71.3987 48.3341 71.2545 47.0361 70.9421 45.6902H50.632V53.718H62.5537C62.3133 55.713 61.0154 58.7174 58.1311 60.7364L64.9572 66.0242C69.0433 62.2507 71.3987 56.6984 71.3987 50.1127Z" fill="#4285F4" />
          <path d="M38.3258 53.9103C37.8691 52.5643 37.6047 51.1222 37.6047 49.6319C37.6047 48.1417 37.8692 46.6997 38.3018 45.3537L31.3075 39.9216C29.8413 42.854 29 46.1468 29 49.6319C29 53.1171 29.8412 56.41 31.3074 59.3423L38.3258 53.9103Z" fill="#FBBC05" />
          <path d="M50.632 71.2639C56.4726 71.2639 61.3759 69.3411 64.9572 66.0242L58.1311 60.7364C56.3044 62.0103 53.8527 62.8995 50.632 62.8995C44.9115 62.8995 40.0564 59.126 38.3258 53.9103L31.3314 59.3423C34.8887 66.4087 42.1714 71.2639 50.632 71.2639Z" fill="#34A853" />
        </g>
        <defs>
          <clipPath id="clip0_446_3912">
            <rect width="100" height="100" rx="20" fill="white" />
          </clipPath>
        </defs>
      </svg>

    </div>
  )
}