Claude Code logo
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
Use the Claude Code logo
shadcn CLI
npx shadcn@latest add @logoforge/claude-codeFirst time? Add the @logoforge registry to components.json, or 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.