Code Bracket Square icon

heroicons-outlinestroke

The Code Bracket Square icon is a clean, adjustable-stroke SVG from the Heroicons (Outline) set (324 icons), drawn by Tailwind Labs and free under the MIT license. Customize its color, stroke width, and size below, then copy it as SVG, JSX, or a React component, or download a PNG. Commonly used for code, bracket, square.

Tags: code, bracket, square

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path stroke-linecap="round" stroke-linejoin="round" d="M14.25 9.75 16.5 12l-2.25 2.25m-4.5 0L7.5 12l2.25-2.25M6 20.25h12A2.25 2.25 0 0 0 20.25 18V6A2.25 2.25 0 0 0 18 3.75H6A2.25 2.25 0 0 0 3.75 6v12A2.25 2.25 0 0 0 6 20.25"/></svg>

Customize

Color

Stroke width · 1.5

Export size · 24px

Background

Animation

Bake color into copied code (otherwise currentColor)

Related Heroicons (Outline) icons

Code Bracket Arrow Down On Square Arrow Down On Square Stack Arrow Path Rounded Square Arrow Top Right On Square Arrow Up On Square Arrow Up On Square Stack Bookmark Square Chart Bar Square Pencil Square Qr Code Square 2 Stack

Code Bracket Square in other icon sets

Code Bracket Square