Skip to content
AI Productsclaude-codeClaude CLI

Claude Code

Official Claude Code (claude-code) vector logo in the AI Products category. Download lossless SVG and a 1024px transparent PNG.

Claude Code Logo

Brand Color Palette

Click swatch to copy HEX
Single-Color SpecificationThis logo uses a single official primary color; preserve its hue and contrast in layout.

Download

ADChatGPT Plus·Official Shared & Dedicated Plans · Instant Access to GPT-6.1 Sol / Deep Research
Code 6666888 · 5% OFF
ADNetflix 4K·Dedicated Profile · Private PIN Lock · All Devices Supported
Code 6666888 · 5% OFF
Vector Format
SVG · 1:1
Raster Export
1024 × 1024 px
SVG viewBox
0 0 24 24
File Size / Nodes
393 B · 1 paths

Edit & Export

Recolor, add a background or padding, then export. Everything runs locally in your browser.

Colors

Background

Format
Size

SVG, PNG 16–2048px, JPG, WebP, ICO and a favicon setClaude Code.zip

Brand Visual Specifications & SVG Parameters

Database-extracted geometry, color models & WCAG contrast metrics

Brand Entity / Display Name
Claude Code (claude-code)
Industry Category
AI Products
Primary Color (HEX / RGB / HSL)
#D97757rgb(217, 119, 87) · hsl(15, 63%, 60%)
WCAG Surface Contrast
Light 3.1:1 · Dark 6.3:1

Inline SVG Code Snippet

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
  <title>Claude Code</title>
  <path clip-rule="evenodd"
        d="M20.998 10.949H24v3.102h-3v3.028h-1.487V20H18v-2.921h-1.487V20H15v-2.921H9V20H7.488v-2.921H6V20H4.487v-2.921H3V14.05H0V10.95h3V5h17.998v5.949zM6 10.949h1.488V8.102H6v2.847zm10.51 0H18V8.102h-1.49v2.847z"
        fill="#D97757"
        fill-rule="evenodd" />
</svg>

Engineering & Layout Guidelines

  • Maintain the native 1:1 aspect ratio (viewBox "0 0 24 24") without non-uniform stretching.
  • Preserve at least 20% clear space around the emblem bounding box.
  • Solid vector paths; supports direct inline <svg> embedding or <img> rendering.
View All in Category
Action completed