/** @jsxImportSource react */

export const NocodbLogo = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    viewBox="0 0 32 32"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <rect
      width="32"
      height="32"
      rx="4"
      fill="url(#paint0_linear_1871_109536)"
    ></rect>
    <path
      d="M8.3335 15.1562L12.0047 18.8297V24.6454H8.3335V15.1562ZM23.7533 7.34649V24.0464C23.7533 24.3894 23.4738 24.6665 23.1309 24.6665C22.9665 24.6665 22.8092 24.6031 22.6917 24.4857L8.3335 11.5367V7.8726C8.3335 7.52968 8.61066 7.25253 8.95359 7.25253H8.98648C9.1509 7.25253 9.3106 7.31831 9.42569 7.4334L20.0798 16.6783V7.34649H23.7533Z"
      fill="white"
    ></path>
    <defs>
      <linearGradient
        id="paint0_linear_1871_109536"
        x1="15.9976"
        y1="42.7731"
        x2="15.9976"
        y2="-8.9707"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#4351E8"></stop>
        <stop offset="1" stopColor="#2A1EA5"></stop>
      </linearGradient>
    </defs>
  </svg>
)