Claude Code logo

Claude Code extends the Claude model with specialized prompts for writing, debugging, and refactoring code across multiple programming languages. The Claude Code logo as clean SVG, in brand color and mono. Copy it, download it, or install it as a typed React component.

Brand color: #d97757
Categories: AI
Variants: 2 SVG files
Website: claude.com
Source: gilbarbara/logos · CC0

Sponsor

CloakSee what your AI agents send

Use the Claude Code logo

shadcn CLI

npx shadcn@latest add @logoforge/claude-code

Works out of the box — @logoforge is in the official shadcn directory. Prefer your AI editor? Use the MCP server.

React

import { ClaudeCodeLogo } from "@/components/logos/claude-code";

<ClaudeCodeLogo className="size-8" />
<ClaudeCodeLogo variant="mono" />          {/* currentColor */}

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 161"><title>Claude Code</title><path fill="#d97757" d="M223.979 63.79H256v33.087h-32v32.299h-15.861v31.157H192v-31.157h-15.861v31.157H160v-31.157H96v31.157H79.872v-31.157H64v31.157H47.861v-31.157H32v-32.31H0V63.8h32V.333h191.979zM64 63.79h15.872V33.42H64zm112.107 0H192V33.42h-15.893z"/></svg>

Download

Related logos

Claude Code and the Claude Code logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by Claude Code; the logo is provided to refer to the product. Follow the brand's own guidelines. Own this brand and want it removed? Contact us — handled within 72 hours.