Anthropic Logo

PreviousNext

Anthropic logo component with theme-adaptive colors

Docs
elementsui

Preview

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

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

export function AnthropicLogo({ className, ...props }: AnthropicLogoProps) {
  return (
    <svg
      fill="currentColor"
      fillRule="evenodd"
      style={{ flex: "none", lineHeight: 1 }}
      viewBox="0 0 24 24"
      width="1em"
      xmlns="http://www.w3.org/2000/svg"
      className={cn("", className)}
      {...props}
    >
      <title>Anthropic</title>
      <path d="M13.827 3.52h3.603L24 20h-3.603l-6.57-16.48zm-7.258 0h3.767L16.906 20h-3.674l-1.343-3.461H5.017l-1.344 3.46H0L6.57 3.522zm4.132 9.959L8.453 7.687 6.205 13.48H10.7z" />
    </svg>
  );
}

Installation

npx shadcn@latest add @elements/anthropic-logo

Usage

import { AnthropicLogo } from "@/components/ui/anthropic-logo"
<AnthropicLogo />