Play Circle Icon

Free SVG icon from the VS Code Codicons collection. Download or copy for use in any project.

Collection

VS Code Codicons

Format

SVG, Font (WOFF2), npm, PNG

License

CC BY 4.0 - Free for commercial use

Tags

play circle media video audio start run

The Play Circle icon is commonly used in media players, video thumbnails and tutorial listings. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/307334.svg" alt="Play Circle icon" width="24" height="24">

<img src="https://proicons.com/icon/307334.svg" alt="Play Circle icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/307334.svg"
  alt="Play Circle icon"
  :width="24"
  :height="24"
/>

.icon-play-circle {
  background-image: url('https://proicons.com/icon/307334.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M8 1C4.14 1 1 4.14 1 8C1 11.86 4.14 15 8 15C11.86 15 15 11.86 15 8C15 4.14 11.86 1 8 1ZM8 14C4.691 14 2 11.309 2 8C2 4.691 4.691 2 8 2C11.309 2 14 4.691 14 8C14 11.309 11.309 14 8 14ZM10.712 8C10.712 8.153 10.63 8.294 10.498 8.371L6.964 10.413C6.536 10.66 6 10.351 6 9.857V6.144C6 5.649 6.536 5.34 6.964 5.588L10.498 7.63C10.631 7.707 10.712 7.847 10.712 8Z"/></svg>