What is the spinner ball icon used for?

It's used to visually communicate that an action is in progress and the user needs to wait for it to complete.

How do I use the spinner ball icon in React?

You can import it using `import { SpinnerBall } from '@phosphor-icons/react'` and then render it as a component.

The Phosphor icon library, including the spinner ball icon, is distributed under the MIT license.

Phosphor · spinner-ball · MIT

The Phosphor spinner ball icon depicts a rotating sphere, commonly used to indicate that a process is ongoing and the user should wait.

Install

npm i @phosphor-icons/react

Import & render

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

<SpinnerBall size={24} />

Phosphor ships this icon in 6 styles — each its own import:

regular

<SpinnerBall size={24} />

thin

<SpinnerBall size={24} weight="thin" />

light

<SpinnerBall size={24} weight="light" />

bold

<SpinnerBall size={24} weight="bold" />

fill

<SpinnerBall size={24} weight="fill" />

duotone

<SpinnerBall size={24} weight="duotone" />

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: system
Keywords: *new*loadingloaderwaitingprogresssystemspinnerballloading spinnerprogress indicatorwaiting iconsystem loader

What is the spinner ball icon used for?: It's used to visually communicate that an action is in progress and the user needs to wait for it to complete.
How do I use the spinner ball icon in React?: You can import it using `import { SpinnerBall } from '@phosphor-icons/react'` and then render it as a component.
What is the license for this icon?: The Phosphor icon library, including the spinner ball icon, is distributed under the MIT license.

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