The Phosphor stop icon depicts a solid square, commonly used in media players and interfaces to halt playback or an ongoing process.
Common uses
- Stop audio/video playback
- Cancel a process or operation
- End a recording session
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { Stop } from '@phosphor-icons/react';
<Stop size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<Stop size={24} />thin
<Stop size={24} weight="thin" />light
<Stop size={24} weight="light" />bold
<Stop size={24} weight="bold" />fill
<Stop size={24} weight="fill" />duotone
<Stop size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- media
- Keywords
- musicaudiomediasystemstophaltendpauseblock
FAQ
- What is the purpose of the stop icon?
- It signifies the action of stopping or halting something, such as media playback or a system process.
- How do I use the stop icon in React?
- Import it from the library and use it as a component: import { Stop } from '@phosphor-icons/react'; <Stop />
- What is the license for the Phosphor stop icon?
- The Phosphor icon library, including the stop icon, is available under the MIT license.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor and 4 more libraries by description →
The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →