OpenAI Logo Icon

A scalable SVG icon component rendering the OpenAI logo (mark and full wordmark variants) for use in tech stacks, integrations lists, and brand sections.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds OpenAI Logo Icon to your project and fits it to your theme.

import { OpenAI } from "@/components/ui/open-ai-logo-icon";

export default function OpenAIDemo() {
  return (
    <div className="flex h-40 w-full items-center justify-center">
      <OpenAI className="h-12 w-12 text-foreground" />
    </div>
  );
}