Play Circle icon - Free SVG for React, Vue, Svelte, Angular, Solid & Preact - Customizable media vector icon

Install with shadcn CLI

npx shadcn@latest add https://www.shadcn.io/registry/heroicons-play-circle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-play-circle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-play-circle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-play-circle.json
Category:media
Tags:playcirclebuttonplaybackmediacontrolplayer

The play circle icon represents playback initiation with its right-pointing triangle enclosed in a circular border.

This contained media control symbol has become a standard indicator for play buttons, playback controls, media start features, and player interfaces across modern video and audio platforms.

Frequently Asked Questions

Common questions about the Play Circle icon

Similar Icons

Funnel 20 Solid - data icon from HeroIcons
funnel 20 solid
Chart Bar - data icon from HeroIcons
chart bar
Chart Pie - data icon from HeroIcons
chart pie
Chat Bubble Oval Left 20 Solid - communication icon from HeroIcons
chat bubble oval left 20 solid
User Plus Solid - actions icon from HeroIcons
user plus solid
Equals 20 Solid - interface icon from HeroIcons
equals 20 solid
Beaker 20 Solid - system icon from HeroIcons
beaker 20 solid
Wifi 16 Solid - status icon from HeroIcons
wifi 16 solid
Plus 20 Solid - actions icon from HeroIcons
plus 20 solid