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

The pause icon represents playback suspension with its classic dual vertical bars design.

This media control symbol has become the universal indicator for pause actions, playback suspension, temporary stops, and media control features across all modern video players and audio applications.

Frequently Asked Questions

Common questions about the Pause icon

Similar Icons

Chart Bar 16 Solid - data icon from HeroIcons
chart bar 16 solid
Chevron Left 20 Solid - navigation icon from HeroIcons
chevron left 20 solid
Chevron Right 20 Solid - navigation icon from HeroIcons
chevron right 20 solid
Bookmark Slash 20 Solid - actions icon from HeroIcons
bookmark slash 20 solid
Rectangle Stack 20 Solid - layout icon from HeroIcons
rectangle stack 20 solid
Presentation Chart Line 16 Solid - data icon from HeroIcons
presentation chart line 16 solid
Document Currency Dollar 20 Solid - interface icon from HeroIcons
document currency dollar 20 solid
Arrow Up Left 20 Solid - navigation icon from HeroIcons
arrow up left 20 solid
Calendar - interface icon from HeroIcons
calendar