Vercel Logo

PreviousNext

Vercel logo component with theme-adaptive colors

Docs
elementsui

Preview

Loading preview…
registry/default/blocks/logos/vercel-logo/components/logos/vercel.tsx
export function VercelLogo({ className }: { className?: string }) {
  return (
    <svg
      viewBox="0 0 256 222"
      width="256"
      height="222"
      xmlns="http://www.w3.org/2000/svg"
      preserveAspectRatio="xMidYMid"
      className={className}
    >
      <title>Vercel Logo</title>
      <path fill="currentColor" d="m128 0 128 221.705H0z" />
    </svg>
  );
}

Installation

npx shadcn@latest add @elements/vercel-logo

Usage

import { VercelLogo } from "@/components/ui/vercel-logo"
<VercelLogo />