Plus Circle icon

A free plus 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: Math & Symbols
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: plus circle, add, increase, addition, round, arithmetic, positive

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="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 12.15L9.15 9.15M9.15 9.15L9.15 6.15M9.15 9.15L6.15 9.15M9.15 9.15L12.15 9.15"/>
</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.15ZM11.15 7.05C11.15 6.5 10.7 6.05 10.15 6.05C9.6 6.05 9.15 6.5 9.15 7.05L9.15 9.15L7.05 9.15C6.5 9.15 6.05 9.6 6.05 10.15C6.05 10.7 6.5 11.15 7.05 11.15L9.15 11.15L9.15 13.25C9.15 13.8 9.6 14.25 10.15 14.25C10.7 14.25 11.15 13.8 11.15 13.25L11.15 11.15L13.25 11.15C13.8 11.15 14.25 10.7 14.25 10.15C14.25 9.6 13.8 9.15 13.25 9.15L11.15 9.15L11.15 7.05Z"/>
</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(9 9)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3 6L3 3M3 3L3 0M3 3L0 3M3 3L6 3"/>
</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.9 8.9)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M3.1 6.2L3.1 3.1M3.1 3.1L3.1 0M3.1 3.1L0 3.1M3.1 3.1L6.2 3.1"/>
</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 12.15L9.15 9.15M9.15 9.15L9.15 6.15M9.15 9.15L6.15 9.15M9.15 9.15L12.15 9.15M18.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"/>
</svg>