The logos represent various frameworks and tools that are relevant to Xata.



You can import and use the logos in your components as follows:

import { AstroIcon } from '@internal/logos';

export const MyComponent = () => {
  return <AstroIcon boxSize={6} />;

When using the logos in our projects, please adhere to the following guidelines:

  • Minimum Size: The logos should not be used at a size smaller than 24px in width and height. In terms of Chakra UI's boxSize prop, this corresponds to boxSize={6}.

Follow the guideline to avoid using logos smaller than 24px, as it may result in a suboptimal visual experience due to loss of detail. Adhering to these guidelines ensures visually appealing and respectful display of logos.

On this page

DemoCodeUsage guidelines