Back to Explorer
16 - 512
0.5 - 4.0
Save to
avoutline
md play circle
Designed by Google Material
Developer Export Center
Code snippets update in real-time as you customize the playground.
const MdPlayCircleIcon = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 24 24"
width="24"
height="24"
fill="none"
stroke="currentColor"
strokeWidth="2"
strokeLinecap="round"
strokeLinejoin="round"
{...props}
>
<g></g><g><path d="M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z M12,20c-4.41,0-8-3.59-8-8s3.59-8,8-8s8,3.59,8,8 S16.41,20,12,20z M9.5,16.5l7-4.5l-7-4.5V16.5z"/></g>
</svg>
);SVG Optimizer
Before
0.37 KB
↓
After
0.36 KB
Tags
arrowaudiobeginbroadcastbuttoncirclecontentcontinuecontrolcontrolsentertainmentlaunchlistenlivemediamoviemusicplayplaybackplayerpodcastrecordreplayresumeroundshowstartstreamtrianglevideowatch
Compare Alternatives
See how other libraries approach this concept.