The Standard Icon Set

Status

Circle Dashed Check icon

A dashed circle with a check mark in the middle. Use for a task being completed or a pending approval.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path d="M8.738 1.874C9.535 1.97 10.306 2.221 11.008 2.612M12.198 3.483C12.785 4.028 13.26 4.683 13.597 5.411M14.049 6.81C14.204 7.599 14.204 8.412 14.049 9.201M13.597 10.6C13.26 11.328 12.785 11.982 12.198 12.528M11.008 13.387C10.303 13.78 9.528 14.031 8.727 14.126M7.262 14.126C6.464 14.03 5.693 13.779 4.992 13.387M3.802 12.517C3.215 11.971 2.74 11.317 2.403 10.589M1.951 9.19C1.796 8.401 1.796 7.588 1.951 6.799M2.403 5.4C2.74 4.672 3.215 4.017 3.802 3.472M4.992 2.612C5.697 2.22 6.472 1.969 7.273 1.874" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M5.479 8.358L7.022 9.901L10.353 6.57" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.

Related15