import { Icon, IconProps } from '@chakra-ui/react'

export const GtmLogo = (props: IconProps) => (
  <Icon
    width="314"
    height="315"
    viewBox="0 0 314 315"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M184.34 302.11L129.819 247.525L246.935 129.214L302.461 184.727L184.34 302.11Z"
      fill="#8AB4F8"
    />
    <path
      d="M184.735 67.0265L129.222 11.501L11.5085 129.215C-3.82556 144.536 -3.83828 169.368 11.4831 184.702C11.4958 184.715 11.5085 184.727 11.5085 184.727L129.222 302.441L183.68 247.729L94.7269 157.047L184.735 67.0265Z"
      fill="#4285F4"
    />
    <path
      d="M302.449 129.214L184.735 11.5005C169.401 -3.83351 144.544 -3.83351 129.21 11.5005C113.875 26.8346 113.875 51.692 129.21 67.0134L246.987 184.727C262.321 200.061 287.178 200.061 302.5 184.727C317.834 169.393 317.834 144.536 302.5 129.214H302.449Z"
      fill="#8AB4F8"
    />
    <path
      d="M156.546 314.049C178.034 314.049 195.453 296.63 195.453 275.142C195.453 253.654 178.034 236.234 156.546 236.234C135.058 236.234 117.639 253.654 117.639 275.142C117.639 296.63 135.058 314.049 156.546 314.049Z"
      fill="#246FDB"
    />
  </Icon>
)