Play Pause Circle Button color filled icon
Circle outline containing a play triangle next to two vertical pause bars
Related tags
About the Play Pause Circle Button color filled 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 filled version of the play pause circle button icon: a flat, solid-colour shape that stands out in dashboards, marketing pages and app tiles where the icon needs to carry colour meaning.
It downloads free as an SVG vector or transparent PNG in seven sizes, and the free online editor lets you recolor it, apply gold, silver, neon and gradient styles, add animation, or convert it to EPS, PDF and DXF.
Free for personal and commercial use with attribution.
