Code Pixel Art Icon
A code icon with angle brackets for source-code views, developer mode, embed options, and raw-HTML toggle buttons.
Tags
developmentterminal
Style variants
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" />