Circle Off Pixel Art Icon
A circle with an off indicator for disabled states, inactive features, 'Do not disturb' modes and 'Off' toggles in settings panels.
Tags
circleoff
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Circle Off icon
A circle marked to indicate an inactive or powered-off condition. It appears in settings panels to label a feature that is currently disabled, in a 'Do Not Disturb' status indicator, or beside an option that has been switched off in a list. Its circular form keeps it soft and non-threatening, signaling 'off' without implying error. For a true prohibition or 'not allowed' meaning, circle-slash or cancel with a diagonal line communicates that more precisely.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/circle-off.svg" width="24" height="24" alt="Circle Off" />
<!-- React -->
import { CircleOff } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="circle-off.svg" width="48" height="48" style="image-rendering: pixelated" />