Play Circle Icon
Free SVG icon from the Mage Icons collection. Download or copy for use in any project.
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 tag
<img src="https://proicons.com/icon/310913.svg" alt="Play Circle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310913.svg" alt="Play Circle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310913.svg" alt="Play Circle icon" :width="24" :height="24" />
CSS background
.icon-play-circle {
background-image: url('https://proicons.com/icon/310913.svg');
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
display: inline-block;
}
SVG markup
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.7533 17.2467 2.5 12 2.5C6.7533 2.5 2.5 6.7533 2.5 12C2.5 17.2467 6.7533 21.5 12 21.5Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.90858 7.8639V16.1335C8.90899 16.3031 8.95682 16.4691 9.04667 16.6129C9.13652 16.7567 9.2648 16.8725 9.41702 16.9472C9.56923 17.0219 9.7393 17.0525 9.90801 17.0356C10.0767 17.0186 10.2373 16.9549 10.3717 16.8514L16.0968 12.3986C16.2102 12.3101 16.3009 12.196 16.3616 12.0656C16.4223 11.9352 16.4511 11.7923 16.4458 11.6485C16.4405 11.5048 16.4011 11.3644 16.331 11.2389C16.2608 11.1133 16.1619 11.0062 16.0423 10.9264L10.3171 7.10964C10.1805 7.01963 10.022 6.9682 9.85854 6.96077C9.69506 6.95335 9.5326 6.99021 9.38833 7.06747C9.24406 7.14472 9.12333 7.2595 9.03889 7.39968C8.95445 7.53987 8.90943 7.70025 8.90858 7.8639Z" stroke="black" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg>
More from Mage Icons
View all
Play Circle in other icon packs
Copied!