Play Pause Circle Button color outline icon
Circle outline containing a play triangle next to two vertical pause bars
Related tags
About the Play Pause Circle Button color outline icon
A thin circular frame encloses two classic transport marks side by side: a right-pointing triangle for play and a pair of upright bars for pause. Together they read as a single toggle control rather than two separate commands, which makes the design useful for media player toolbars, video streaming interfaces, podcast and music apps, e-learning course players, and presentation slides explaining playback behavior.
The triangle sits left of center with its apex nearly touching the bars, and the two strokes are evenly spaced and matched in height to the triangle, so the pair balances inside the ring. It pairs cleanly with stop, skip, rewind and volume icons from the same set. Keep the outer circle at 24px or larger so the bar gap stays visible.
This is the colour outline version of the play pause circle button icon: the same line drawing in an accent colour, useful for highlighting a state, a category or a brand tone without adding visual weight.
Download it free as a scalable SVG vector or transparent-background PNG in seven sizes (16 to 512px), copy the SVG code straight into your project, or open it in the free online editor to change colors, apply gold, silver, neon and gradient styles, animate it, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
