The Phosphor shield slash icon depicts a shield with a diagonal line through it, commonly used to indicate a security feature is disabled, compromised, or not applicable.
Common uses
- Security disabled status
- Unauthenticated user access
- Encryption not applied
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { ShieldSlash } from '@phosphor-icons/react';
<ShieldSlash size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<ShieldSlash size={24} />thin
<ShieldSlash size={24} weight="thin" />light
<ShieldSlash size={24} weight="light" />bold
<ShieldSlash size={24} weight="bold" />fill
<ShieldSlash size={24} weight="fill" />duotone
<ShieldSlash size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- system
- Keywords
- badgesecurityunsecureddefenseundefendedauthenticationunauthenticatedunguardedunlockedunencryptedencryptiondisabledsystemobjectsshieldslash
FAQ
- What is the shield slash icon used for?
- It signifies a lack of security, such as a disabled feature, an unauthenticated state, or a lack of encryption.
- How do I use the shield slash icon in React?
- Import it from the library like this: import { ShieldSlash } from '@phosphor-icons/react'.
- What is the license for Phosphor icons?
- Phosphor icons are distributed under the MIT license, allowing for free use.
Related icons
The same idea in other libraries, and near matches in Phosphor.
Looking for something else? Search Phosphor 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 →