Checkbox Pixel Art Icon
An empty checkbox icon for unchecked form inputs, to-do list items, filter selections, and multi-select list controls.
Style variants
base
Outline · rounded corners
sharp
Outline · sharp corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Checkbox icon
An empty square checkbox, the default unchecked state of a form toggle. Use it in settings screens, filter panels, multi-select lists, or to-do apps to represent an option that has not yet been selected. It forms an immediate visual pair with checkbox-on (the checked state), making the transition from unchecked to checked intuitive. For a circular variant, checkbox-circle offers a softer look; for an explicit rejection state, checkbox-x makes the negative intent unmistakable.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/checkbox.svg" width="24" height="24" alt="Checkbox" />
<!-- React -->
import { Checkbox } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="checkbox.svg" width="48" height="48" style="image-rendering: pixelated" />