Circle Check Pixel Art Icon
A checkmark inside a circle for success states, completed steps, approved accounts, and positive confirmation messages.
Tags
circlechecktickconfirmdoneapproveyesok
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Circle Check icon
A circle containing a checkmark, combining the universal 'done' symbol with a shape that draws the eye. Use it for success states in multi-step forms ('Your payment was confirmed'), completed steps in a progress indicator, verified account badges, or positive survey feedback. The circular container makes it stand out more than a bare checkmark and suits modal dialogs and onboarding flows well. For a square-frame equivalent in form controls, checkbox-on serves the same purpose.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/circle-check.svg" width="24" height="24" alt="Circle Check" />
<!-- React -->
import { CircleCheck } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="circle-check.svg" width="48" height="48" style="image-rendering: pixelated" />