Pause 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-pause-circle.json
npx shadcn@latest add https://www.shadcn.io/registry/heroicons-pause-circle.json
pnpm dlx shadcn@latest add https://www.shadcn.io/registry/heroicons-pause-circle.json
bunx shadcn@latest add https://www.shadcn.io/registry/heroicons-pause-circle.json
Category:media
Tags:pausecirclebuttonplaybackmediacontrolplayer

The pause circle icon represents playback suspension with its dual vertical bars enclosed in a circular border.

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

Frequently Asked Questions

Common questions about the Pause Circle icon

Similar Icons

Arrow Left Start On Rectangle Solid - actions icon from HeroIcons
arrow left start on rectangle solid
Arrow Right On Rectangle Solid - actions icon from HeroIcons
arrow right on rectangle solid
Arrow Path Rounded Square 20 Solid - actions icon from HeroIcons
arrow path rounded square 20 solid
Cursor Arrow Rays Solid - interface icon from HeroIcons
cursor arrow rays solid
Magnifying Glass Minus 20 Solid - actions icon from HeroIcons
magnifying glass minus 20 solid
Cloud Arrow Up - actions icon from HeroIcons
cloud arrow up
Chevron Right - navigation icon from HeroIcons
chevron right
Stop Circle Solid - media icon from HeroIcons
stop circle solid
Bell Snooze Solid - communication icon from HeroIcons
bell snooze solid