Debug Pause Pixel Art Icon
A debug-pause icon for suspending execution at a breakpoint, halting a running debug session, and pausing step-through.
Tags
debugpausebreakmedia
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Debug Pause icon
A debug symbol combined with a pause (two vertical bars) indicator, representing the state where execution is suspended at a breakpoint and the user can inspect variables. IDEs show this icon during an active paused session in the debug toolbar and on a 'Pause' button. It differs from debug-stop in that pausing preserves the session state for continued stepping, while stop terminates it. Users familiar with media controls transfer the pause metaphor to code execution naturally.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/debug-pause.svg" width="24" height="24" alt="Debug Pause" />
<!-- React -->
import { DebugPause } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="debug-pause.svg" width="48" height="48" style="image-rendering: pixelated" />