Play pause icon

A free play pause icon in SVG, also found under toggle playback, media control and play. Set the stroke weight and the corners, then copy the code or download the file.

Customize

1.25
Corners

SVG code

The markup below is the file that Copy and Download give you. It changes when you move the controls.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32" width="24" height="24" fill="none"
     stroke="currentColor" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="miter">
  <path d="M11.5 11.5L5 7L5 25L18 16Z"/>
  <path d="M23 9v14"/>
  <path d="M28 9v14"/>
</svg>

Use it from a CDN

jsDelivr serves this icon from the GitHub repository. No account and no install.

https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/play-pause.svg
<img src="https://cdn.jsdelivr.net/gh/evanpizzolato/quick-start-icons/src/play-pause.svg" width="24" height="24" alt="">

The CDN file is the authored source: rounded corners, a stroke weight of 2, and no width or height. An image tag draws it in black. Paste the markup inline to color it with CSS.

Also found under

toggle playback, media control, play, pause

Search for any of these words on the home page to find this icon. It is in the media category. The license is MIT, free for personal and commercial use, with no attribution required.