The HugeIcons shield ban icon visually represents a blocked or protected status, commonly used to indicate that an item, feature, or user has been restricted or is unavailable.
Common uses
- Blocking user access
- Disabling a feature
- Marking content as restricted
Use it in React
Install
npm i @hugeicons/react @hugeicons/core-free-iconsImport & render
import { HugeiconsIcon } from '@hugeicons/react';
import { ShieldBanIcon } from '@hugeicons/core-free-icons';
<HugeiconsIcon icon={ShieldBanIcon} size={24} strokeWidth={1.5} />Details
- Library
- HugeIcons (5,121 icons)
- License
- MIT
- viewBox
0 0 24 24- Keywords
- blockedrestrictedforbiddenaccess denied
FAQ
- What does the shield ban icon signify?
- It signifies a state of being blocked, banned, or restricted. It's used to visually communicate that something is not allowed or accessible.
- How do I use the ShieldBanIcon in React?
- Import both HugeiconsIcon and ShieldBanIcon, then render it using <HugeiconsIcon icon={ShieldBanIcon} />.
- What is the license for this icon?
- This icon is provided under the MIT license, allowing for free use in both personal and commercial projects.
Related icons
The same idea in other libraries, and near matches in HugeIcons.