Octagon Pixel Art Icon
An octagon shape icon for stop signs, warnings, shape pickers, and any context demanding a firm boundary or halt.
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Octagon icon
Eight equal sides form the shape universally recognized on stop signs. Even without the word 'STOP,' users associate the octagon with a strong halt signal, making it useful for critical warning badges, 'Stop process' buttons in automation tools, or shape libraries. In security or compliance UIs it reinforces a do-not-proceed meaning. For softer warnings, a triangle alert is conventional; the octagon carries maximum urgency. It also appears in geometry tools simply as a drawable shape.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/octagon.svg" width="24" height="24" alt="Octagon" />
<!-- React -->
import { Octagon } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="octagon.svg" width="48" height="48" style="image-rendering: pixelated" />