Question Mark Circle icon

A free question mark 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: Alerts & Notifications
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: inquiry, question, circle, help, assistance, unknown, information, seek, doubt, clarification

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0C4.03 0 0 4.03 0 9C0 13.97 4.03 18 9 18Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.28 6.72C6.28 5.22 7.5 4 9 4C10.5 4 11.72 5.22 11.72 6.72C11.72 7.67 11.22 8.52 10.48 9C9.75 9.47 9 10.14 9 11M9 14L9 14"/>
</svg>

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  <path transform="translate(2 2)" fill="currentColor" d="M0 10C0 4.48 4.48 0 10 0C15.52 0 20 4.48 20 10C20 15.52 15.52 20 10 20C4.48 20 0 15.52 0 10ZM8.28 7.72C8.28 6.77 9.05 6 10 6C10.95 6 11.72 6.77 11.72 7.72C11.72 8.32 11.41 8.85 10.93 9.16C10.53 9.42 10.07 9.77 9.7 10.21C9.33 10.66 9 11.26 9 12C9 12.55 9.45 13 10 13C10.55 13 11 12.55 11 12C11 11.88 11.05 11.71 11.23 11.49C11.42 11.27 11.7 11.05 12.02 10.84C13.04 10.18 13.72 9.03 13.72 7.72C13.72 5.66 12.05 4 10 4C7.95 4 6.28 5.66 6.28 7.72C6.28 8.27 6.73 8.72 7.28 8.72C7.83 8.72 8.28 8.27 8.28 7.72ZM10 14C9.45 14 9 14.45 9 15C9 15.55 9.45 16 10 16L10 16C10.55 16 11 15.55 11 15C11 14.45 10.55 14 10 14L10 14Z"/>
</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(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0C4.03 0 0 4.03 0 9C0 13.97 4.03 18 9 18Z"/>
  <path transform="translate(9.28 7)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 2.72C0 1.22 1.22 0 2.72 0C4.22 0 5.44 1.22 5.44 2.72C5.44 3.67 4.94 4.52 4.2 5C3.47 5.47 2.72 6.14 2.72 7M2.72 10L2.72 10"/>
</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 2)" fill="currentColor" d="M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0Z"/>
  <path transform="translate(9.28 7)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 2.72C0 1.22 1.22 0 2.72 0C4.22 0 5.44 1.22 5.44 2.72C5.44 3.67 4.94 4.52 4.2 5C3.47 5.47 2.72 6.14 2.72 7M2.72 10L2.72 10"/>
</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(3 3)" fill="currentColor" d="M9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0C4.03 0 0 4.03 0 9C0 13.97 4.03 18 9 18Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M9 18C13.97 18 18 13.97 18 9C18 4.03 13.97 0 9 0C4.03 0 0 4.03 0 9C0 13.97 4.03 18 9 18Z"/>
  <path transform="translate(3 3)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M6.28 6.72C6.28 5.22 7.5 4 9 4C10.5 4 11.72 5.22 11.72 6.72C11.72 7.67 11.22 8.52 10.48 9C9.75 9.47 9 10.14 9 11M9 14L9 14"/>
</svg>