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';

The Phosphor icon library, including the stop icon, is available under the MIT license.

Phosphor · stop · MIT

The Phosphor stop icon depicts a solid square, commonly used in media players and interfaces to halt playback or an ongoing process.

Install

npm i @phosphor-icons/react

Import & render

import { Stop } from '@phosphor-icons/react';

<Stop size={24} />

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" />

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.

The same idea in other libraries, and near matches in Phosphor.