xAI Logo

PreviousNext

xAI logo component with theme-adaptive colors

Docs
elementsui

Preview

Loading preview…
registry/default/blocks/logos/xai-logo/components/logos/xai.tsx
import { cn } from "@/lib/utils";

export interface XAILogoProps extends React.SVGProps<SVGSVGElement> {}

export function XAILogo({ className, ...props }: XAILogoProps) {
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      xmlSpace="preserve"
      fill="currentColor"
      viewBox="0 0 841.89 595.28"
      className={cn("", className)}
      {...props}
    >
      <title>xAI</title>
      <path d="m557.09 211.99 8.31 326.37h66.56l8.32-445.18zM640.28 56.91H538.72L379.35 284.53l50.78 72.52zM201.61 538.36h101.56l50.79-72.52-50.79-72.53zM201.61 211.99l228.52 326.37h101.56L303.17 211.99z" />
    </svg>
  );
}

Installation

npx shadcn@latest add @elements/xai-logo

Usage

import { XaiLogo } from "@/components/ui/xai-logo"
<XaiLogo />