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

export const AirtableLogo = (props: IconProps) => (
  <Icon
    viewBox="0 0 165 138"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path
      d="M73.6559 1.74229L12.1579 27.1912C8.73803 28.6066 8.77346 33.4655 12.2148 34.8296L73.9692 59.3209C79.395 61.473 85.4376 61.473 90.8634 59.3209L152.619 34.8287C156.059 33.4655 156.096 28.6075 152.675 27.1921L91.1785 1.74135C85.568 -0.580451 79.2655 -0.580451 73.655 1.74135"
      fill="#FCB400"
    />
    <path
      d="M87.8975 72.6923V133.876C87.8975 136.785 90.8316 138.778 93.5363 137.706L162.35 110.994C163.117 110.69 163.775 110.162 164.239 109.479C164.703 108.796 164.951 107.989 164.951 107.163V45.9809C164.951 43.0708 162.017 41.0782 159.312 42.1505L90.4987 68.8628C89.7314 69.1673 89.0732 69.6952 88.6094 70.3782C88.1456 71.0611 87.8975 71.8677 87.8975 72.6933"
      fill="#18BFFF"
    />
    <path
      d="M71.8266 75.8485L51.4043 85.7099L49.3308 86.7123L6.22066 107.37C3.48886 108.689 0 106.697 0 103.661V46.2363C0 45.1379 0.563141 44.1896 1.31835 43.4763C1.62817 43.1678 1.97966 42.9042 2.36258 42.6931C3.3919 42.0749 4.86129 41.9099 6.11064 42.404L71.4835 68.3089C74.8064 69.6273 75.0675 74.2839 71.8266 75.8495"
      fill="#F82B60"
    />
    <path
      d="M71.8276 75.8485L51.4053 85.7099L1.31934 43.4754C1.62922 43.1672 1.9807 42.9039 2.36357 42.6931C3.39289 42.0749 4.86228 41.9099 6.11163 42.404L71.4845 68.3089C74.8074 69.6273 75.0685 74.2839 71.8276 75.8495"
      fill="black"
      fillOpacity="0.25"
    />
  </Icon>
)
