Pause Circle icon

A free pause 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: Media & Multimedia
Size: 24 × 24, scales to any size
License: Free, credit optional (terms)
Tags: pause, circle, media, stop, break, video, control

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="M6.65 6.15L6.65 12.15M11.65 6.15L11.65 12.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.15ZM8.57 7.05C8.57 6.5 8.12 6.05 7.57 6.05C7.02 6.05 6.57 6.5 6.57 7.05L6.57 13.25C6.57 13.8 7.02 14.25 7.57 14.25C8.12 14.25 8.57 13.8 8.57 13.25L8.57 7.05ZM13.73 7.05C13.73 6.5 13.29 6.05 12.73 6.05C12.18 6.05 11.73 6.5 11.73 7.05L11.73 13.25C11.73 13.8 12.18 14.25 12.73 14.25C13.29 14.25 13.73 13.8 13.73 13.25L13.73 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="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(9.5 9)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 6M5 0L5 6"/>
</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(9.5 9)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 6M5 0L5 6"/>
</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="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="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(9.5 9)" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" d="M0 0L0 6M5 0L5 6"/>
</svg>