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/310279.svg" alt="Play Circle icon" width="24" height="24">
React JSX
<img src="https://proicons.com/icon/310279.svg" alt="Play Circle icon" width={24} height={24} />
Vue template
<img src="https://proicons.com/icon/310279.svg" alt="Play Circle icon" :width="24" :height="24" />
CSS background
.icon-play-circle {
background-image: url('https://proicons.com/icon/310279.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 1.75C9.97274 1.75 7.99102 2.35113 6.30542 3.47742C4.61981 4.6037 3.30604 6.20454 2.53024 8.07748C1.75444 9.95043 1.55146 12.0114 1.94696 13.9997C2.34245 15.988 3.31867 17.8143 4.75216 19.2478C6.18565 20.6813 8.01203 21.6575 10.0003 22.053C11.9886 22.4485 14.0496 22.2456 15.9225 21.4698C17.7955 20.694 19.3963 19.3802 20.5225 17.6946C21.6488 16.009 22.25 14.0273 22.25 12C22.2473 9.28234 21.1666 6.67674 19.2449 4.75507C17.3233 2.83339 14.7177 1.75265 12 1.75ZM16.3 12.32C16.2074 12.5155 16.0704 12.6867 15.9 12.82L11.14 16.52C10.9395 16.6804 10.6959 16.7778 10.44 16.8H10.3C10.0921 16.7978 9.88735 16.75 9.70001 16.66C9.46834 16.5433 9.27167 16.3673 9.13 16.15C8.99898 15.929 8.92988 15.6769 8.92999 15.42V8.54999C8.92777 8.30362 8.99351 8.06144 9.11999 7.85001C9.24807 7.63481 9.4356 7.46118 9.66 7.35001C9.87266 7.22936 10.116 7.17373 10.36 7.19C10.6092 7.19678 10.8517 7.27297 11.06 7.41L15.82 10.59C16.0029 10.7083 16.154 10.8697 16.26 11.06C16.3673 11.2493 16.4257 11.4624 16.43 11.68C16.4373 11.9006 16.3928 12.1198 16.3 12.32Z" fill="black"/> </svg>
More from Mage Icons
View all
Play Circle in other icon packs
Copied!