import * as React from 'react';
import type { SvgProps } from 'react-native-svg';
import Svg, { G, Path, Defs, ClipPath } from "react-native-svg"

export const GoogleSymbolIcon = (props: SvgProps) => {
  return (
    <Svg
      width={20}
      height={20}
      viewBox="0 0 20 20"
      fill="none"
      {...props}
    >
      <G clipPath="url(#clip0_11293_41447)">
        <Path
          d="M19.804 10.23c0-.68-.055-1.363-.172-2.032h-9.433v3.851h5.402a4.63 4.63 0 01-2 3.039v2.498h3.223c1.893-1.741 2.98-4.313 2.98-7.356z"
          fill="#4285F4"
        />
        <Path
          d="M10.2 20c2.697 0 4.971-.885 6.629-2.413l-3.223-2.499c-.896.61-2.054.955-3.402.955-2.61 0-4.821-1.76-5.615-4.126H1.264v2.576A10.001 10.001 0 0010.2 20z"
          fill="#34A853"
        />
        <Path
          d="M4.585 11.917a5.99 5.99 0 010-3.829V5.512H1.263a10.008 10.008 0 000 8.98l3.322-2.575z"
          fill="#FBBC04"
        />
        <Path
          d="M10.2 3.958a5.434 5.434 0 013.836 1.5l2.855-2.856A9.611 9.611 0 0010.2.001a9.998 9.998 0 00-8.936 5.511l3.321 2.576c.79-2.37 3.006-4.13 5.615-4.13z"
          fill="#EA4335"
        />
      </G>
      <Defs>
        <ClipPath id="clip0_11293_41447">
          <Path fill="#fff" d="M0 0H20V20H0z" />
        </ClipPath>
      </Defs>
    </Svg>
  )
}