Brackets logo

Brackets is an open‑source code editor focused on web development, offering live preview, inline editors, and preprocessor support. The Brackets 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: #29abe2
Categories: Editors & IDEs
Variants: 3 SVG files
Website: brackets.io
Source: gilbarbara/logos · CC0

Sponsor

CitedBySee if AI recommends your brand

Use the Brackets logo

shadcn CLI

npx shadcn@latest add @logoforge/brackets

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

React

import { BracketsLogo } from "@/components/logos/brackets";

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

icon.svg

<svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" viewBox="0 0 256 256"><defs><filter id="brackets-b" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.273992301 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><filter id="brackets-c" width="200%" height="200%" x="-50%" y="-50%" filterUnits="objectBoundingBox"><feOffset dy="2" in="SourceAlpha" result="shadowOffsetOuter1"/><feGaussianBlur in="shadowOffsetOuter1" result="shadowBlurOuter1" stdDeviation="2"/><feColorMatrix in="shadowBlurOuter1" result="shadowMatrixOuter1" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.273992301 0"/><feMerge><feMergeNode in="shadowMatrixOuter1"/><feMergeNode in="SourceGraphic"/></feMerge></filter><linearGradient id="brackets-a" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#29abe2"/><stop offset="47.57%" stop-color="#28a9e1"/><stop offset="66.39%" stop-color="#23a2dc"/><stop offset="80.12%" stop-color="#1a96d4"/><stop offset="91.3%" stop-color="#0e85c9"/><stop offset="100%" stop-color="#0071bc"/></linearGradient></defs><path fill="#115a91" d="M256 204.8c0 28.16-23.04 51.2-51.2 51.2H51.2C23.04 256 0 232.96 0 204.8V51.2C0 23.04 23.04 0 51.2 0h153.6C232.96 0 256 23.04 256 51.2z"/><path fill="#fff" d="M204.8 28.16c12.705 0 23.04 10.335 23.04 23.04v128c0 12.705-10.335 23.04-23.04 23.04H51.2c-12.705 0-23.04-10.335-23.04-23.04v-128c0-12.705 10.335-23.04 23.04-23.04z"/><path fill="url(#brackets-a)" d="M204.8 28.16c12.705 0 23.04 10.335 23.04 23.04v128c0 12.705-10.335 23.04-23.04 23.04H51.2c-12.705 0-23.04-10.335-23.04-23.04v-128c0-12.705 10.335-23.04 23.04-23.04zm0-28.16H51.2C23.04 0 0 23.04 0 51.2v128c0 28.16 23.04 51.2 51.2 51.2h153.6c28.16 0 51.2-23.04 51.2-51.2v-128C256 23.04 232.96 0 204.8 0"/><g fill="#4d4d4d"><path d="M143.36 0v122.88h-64V92.16h35.84v-64H79.36V0z" filter="url(#brackets-b)" transform="translate(56.32 53.76)"/><path d="M64 0v28.16H28.16v64H64v30.72H0V0z" filter="url(#brackets-c)" transform="translate(56.32 53.76)"/></g></svg>

Download

Related logos

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