Checkbox Circle Pixel Art Icon
A circular checkbox icon for rounded selection states, radio-button-style toggles, and softer multi-select list controls.
Tags
checkboxcircle
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Checkbox Circle icon
A checkbox rendered inside a circle rather than a square, offering a softer, more modern aesthetic for selection controls. Use it in preference screens, onboarding checklists, or filter panels where the rounded shape fits the overall design language better than the angular checkbox. It carries the same meaning as the square checkbox but avoids the strict grid feel. For interactive states, pair it with checkbox-on for the filled version; for a rejected state, checkbox-x provides the explicit cancellation.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/checkbox-circle.svg" width="24" height="24" alt="Checkbox Circle" />
<!-- React -->
import { CheckboxCircle } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="checkbox-circle.svg" width="48" height="48" style="image-rendering: pixelated" />