The HugeIcons zzz icon depicts a sleeping or resting state, commonly used to indicate inactivity, sleep mode, or a paused process.
Common uses
- Sleep mode indicator
- Paused process status
- Away or offline status
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ZzzIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ZzzIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- sleepsleepingrestinactive
FAQ
- What does the zzz icon represent?
- The zzz icon visually represents sleep, rest, or a state of inactivity. It's often used in UIs to signify that something is paused, sleeping, or offline.
- How do I use the ZzzIcon in React?
- To use the ZzzIcon in React, import both HugeiconsIcon and ZzzIcon, then render it using <HugeiconsIcon icon={ZzzIcon} />.
- What is the license for the zzz icon?
- The zzz icon from the HugeIcons library is available under the MIT license.
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 →