John KuehJohn Kueh

loading 01 icon

HugeIcons · Loading01Icon · MIT

Download SVG

The HugeIcons loading 01 icon depicts a circular spinning animation, commonly used to indicate that content is being processed or loaded in a user interface.

Common uses

  • Displaying while fetching data from an API.
  • Showing progress during a file upload or download.
  • Indicating a system operation is in progress.

Use it in React

Install
npm i @hugeicons/react @hugeicons/core-free-icons
Import & render
import { HugeiconsIcon } from '@hugeicons/react';
import { Loading01Icon } from '@hugeicons/core-free-icons';

<HugeiconsIcon icon={Loading01Icon} size={24} strokeWidth={1.5} />

Details

Library
HugeIcons (5,121 icons)
License
MIT
viewBox
0 0 24 24
Keywords
spinnerloaderprogresswaiting

FAQ

What is the purpose of the loading 01 icon?
This icon visually represents an ongoing process, such as data loading or system operations, to inform the user that the application is busy.
How do I use the Loading01Icon in React?
Import both HugeiconsIcon and Loading01Icon, then render the icon using the <HugeiconsIcon icon={Loading01Icon} /> component.
What is the license for this icon?
The HugeIcons loading 01 icon is released under the MIT license, allowing for free use in commercial and non-commercial projects.

Related icons

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

Looking for something else? Search HugeIcons 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 →