Pixelarticons

Code Pixel Art Icon

A code icon with angle brackets for source-code views, developer mode, embed options, and raw-HTML toggle buttons.

development Pro 1 variant

Tags

developmentterminal

Style variants

base

Outline ยท rounded corners

Get Pro

Base, sharp, solid or glyph: see how the four styles differ and which to use.

About the Code icon

Angle brackets representing source code, one of the most universally recognized developer symbols. It appears in toolbars to switch from a visual editor to a raw code view, in documentation as a 'View source' link, and on embed or widget panels. Practically every CMS, email builder, and design tool uses some form of this icon for its code mode. For a terminal or shell context, the terminal icon is more specific; code suits markup and front-end editing.

Usage

<!-- HTML -->
<img src="pixelarticons/svg/code.svg" width="24" height="24" alt="Code" />

<!-- React -->
import { Code } from 'pixelarticons/react'

<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="code.svg" width="48" height="48" style="image-rendering: pixelated" />

Related icons