Debug Pixel Art Icon
A debug icon for starting a debug session, inspecting runtime behavior, and developer tool launch buttons.
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Debug icon
A bug or insect overlaid with or paired with a play or cursor symbol, indicating an active debugging session rather than merely a bug report. IDEs and developer tools use it on the 'Start debugging' button, the debug panel header, and the debug-mode toggle in run configurations. Unlike the bug icon, which labels error reports, debug implies an interactive process of stepping through code. Pair it with debug-play, debug-pause, and debug-stop for a full debug-control toolbar.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/debug.svg" width="24" height="24" alt="Debug" />
<!-- React -->
import { Debug } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="debug.svg" width="48" height="48" style="image-rendering: pixelated" />