Cancel Pixel Art Icon
A cancel icon, often a circle with a diagonal line, for stopping actions, disabling features and 'Not allowed' or 'Forbidden' indicators.
Style variants
base
Outline · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Cancel icon
A circle containing a diagonal slash or line through it, the classic universal 'prohibited' or 'not available' symbol. Use it on a 'Cancel' button that stops a running process, a 'No entry' badge on a locked feature, or to indicate a disabled or incompatible state. It is stronger and more universal than a plain X because the enclosing circle carries the 'forbidden' connotation from road signage. For a light dismissal like closing a modal, the close icon is less alarming.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/cancel.svg" width="24" height="24" alt="Cancel" />
<!-- React -->
import { Cancel } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="cancel.svg" width="48" height="48" style="image-rendering: pixelated" />