108 new icons just landed: the full A to Z alphabet. See what's new →
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.

This is a Pro icon.

Get it with all 4431 pixel art icons: every style, full SVG source, one-time license.

Whole team? Team Unlimited covers everyone.

Get Pro

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