Play Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Collection

Carbon Icons

Format

SVG, React, Angular, Vue, Web Component, PNG

License

Apache-2.0 - Free for commercial use

Tags

play media video audio start run

The Play 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/316813.svg" alt="Play icon" width="24" height="24">

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

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

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

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="16px" height="16px" viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
<style type="text/css">
	.st0{fill:none;}
</style>
<title>play</title>
<path d="M3.5,14C3.2,14,3,13.8,3,13.5v-11c0-0.2,0.1-0.3,0.2-0.4C3.4,2,3.6,2,3.8,2.1l9.5,5.5c0.2,0.1,0.3,0.4,0.2,0.7
	c0,0.1-0.1,0.1-0.2,0.2l-9.5,5.5C3.7,14,3.6,14,3.5,14z M4,3.4v9.3L12,8L4,3.4z"/>
<rect id="_Transparent_Rectangle_" class="st0" width="16" height="16"/>
</svg>