Herdr Logo

A brand logo icon component that renders Herdr's coding agent runtime mark as an inline scalable SVG.

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

import { HerdrLogo } from "@/components/ui/herdr-logo";

export default function HerdrLogoDemo() {
  return (
    <div className="flex items-center justify-center w-full h-screen bg-background">
      <HerdrLogo className="w-24 h-24 rounded-lg" />
    </div>
  );
}