Info icon

A free info 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: info, circle, details, help, guide, knowledge, assistance, facts, support, data.

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="M9 9L9 13M9 5.62L9 5.62"/>
</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 10ZM11 6.62C11 6.07 10.55 5.62 10 5.62C9.45 5.62 9 6.07 9 6.62L9 6.63C9 7.18 9.45 7.63 10 7.63C10.55 7.63 11 7.18 11 6.63L11 6.62ZM11 10C11 9.45 10.55 9 10 9C9.45 9 9 9.45 9 10L9 14C9 14.55 9.45 15 10 15C10.55 15 11 14.55 11 14L11 10Z"/>
</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(12 8.62)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 3.38L0 7.38M0 0L0 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 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(12 8.62)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 3.38L0 7.38M0 0L0 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(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="M9 9L9 13M9 5.62L9 5.62"/>
</svg>