CodeSandbox logo

CodeSandbox enables developers to spin up full‑stack development environments in the browser, facilitating rapid prototyping and collaborative coding sessions. The CodeSandbox logo as clean SVG, in brand color and mono, with a dark-mode variant. Copy it, download it, or install it as a typed React component.

Brand color: #151515
Categories: Developer tools
Variants: 5 SVG files
Website: codesandbox.io
Source: gilbarbara/logos · CC0

Sponsor

CertifstudioBeautiful certificates, verifiable with a scan

Use the CodeSandbox logo

shadcn CLI

npx shadcn@latest add @logoforge/codesandbox

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

React

import { CodesandboxLogo } from "@/components/logos/codesandbox";

<CodesandboxLogo className="size-8" />
<CodesandboxLogo variant="mono" />          {/* currentColor */}
<CodesandboxLogo type="wordmark" className="h-6 w-auto" />

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><title>CodeSandbox</title><path d="M256 0v256H0V0zm-26.182 26.182H26.182v203.636h203.636z"/></svg>

Download

Related logos

CodeSandbox and the CodeSandbox logo are trademarks of their respective owner. Logoforge is not affiliated with or endorsed by CodeSandbox; 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.