The HugeIcons blocked icon visually represents an action or item that is prohibited, restricted, or unavailable, commonly used to indicate denied access or a disabled feature.
Common uses
- Denying user access to a feature
- Indicating a disabled or unavailable option
- Showing a prohibited action
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { BlockedIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={BlockedIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- prohibitedrestrictedforbiddenunavailable
FAQ
- What does the blocked icon represent?
- The blocked icon signifies that something is prohibited, restricted, or unavailable. It's often used for denied access or disabled functionalities.
- How do I use the BlockedIcon in React?
- To use the BlockedIcon in React, import it from '@hugeicons/core-free-icons' and render it using the HugeiconsIcon component like this: <HugeiconsIcon icon={BlockedIcon} />.
- What is the license for HugeIcons?
- The HugeIcons icon library, including the BlockedIcon, 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 →