Check Tick Circle icon

A free check tick circle icon in 5 styles, drawn by hand on a 24px grid. Copy it as SVG or JSX, for personal or commercial use.

Style Stroke

Category: Essential Icons
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: check tick circle, confirm, done, approve, success, round, validation

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.15 18.3C14.2 18.3 18.3 14.2 18.3 9.15C18.3 4.1 14.2 0 9.15 0C4.1 0 0 4.1 0 9.15C0 14.2 4.1 18.3 9.15 18.3Z"/>
  <path transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5.65 9.66L7.99 12C9.12 10.03 10.68 8.34 12.55 7.07L12.65 7"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(1.85 1.85)" fill="currentColor" fill-rule="evenodd" clip-rule="evenodd" d="M0 10.15C0 4.54 4.54 0 10.15 0C15.76 0 20.3 4.54 20.3 10.15C20.3 15.76 15.76 20.3 10.15 20.3C4.54 20.3 0 15.76 0 10.15ZM14.21 8.82C14.67 8.51 14.79 7.89 14.48 7.43C14.16 6.98 13.54 6.86 13.09 7.17L12.98 7.24C11.34 8.36 9.93 9.77 8.81 11.41L7.36 9.95C6.97 9.56 6.33 9.56 5.94 9.96C5.55 10.35 5.55 10.98 5.94 11.37L8.28 13.71C8.5 13.93 8.82 14.03 9.12 13.99C9.43 13.95 9.7 13.77 9.86 13.5C10.91 11.66 12.36 10.08 14.11 8.89L14.21 8.82Z"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M18.3 9.15C18.3 14.2 14.2 18.3 9.15 18.3C4.1 18.3 0 14.2 0 9.15C0 4.1 4.1 0 9.15 0C14.2 0 18.3 4.1 18.3 9.15Z"/>
  <path transform="translate(8.5 9.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 2.67L2.34 5C3.47 3.04 5.03 1.35 6.9 0.07L7 0"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(1.85 1.85)" fill="currentColor" d="M10.15 0C4.54 0 0 4.54 0 10.15C0 15.76 4.54 20.3 10.15 20.3C15.76 20.3 20.3 15.76 20.3 10.15C20.3 4.54 15.76 0 10.15 0Z"/>
  <path transform="translate(8.5 9.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 2.67L2.34 5C3.47 3.04 5.03 1.35 6.9 0.07L7 0"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path opacity="0.28" transform="translate(2.85 2.85)" fill="currentColor" d="M18.3 9.15C18.3 14.2 14.2 18.3 9.15 18.3C4.1 18.3 0 14.2 0 9.15C0 4.1 4.1 0 9.15 0C14.2 0 18.3 4.1 18.3 9.15Z"/>
  <path transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9.15 18.3C14.2 18.3 18.3 14.2 18.3 9.15C18.3 4.1 14.2 0 9.15 0C4.1 0 0 4.1 0 9.15C0 14.2 4.1 18.3 9.15 18.3Z"/>
  <path transform="translate(2.85 2.85)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M5.65 9.66L7.99 12C9.12 10.03 10.68 8.34 12.55 7.07L12.65 7"/>
</svg>