The Phosphor lock key open icon depicts an unlocked padlock with a key, commonly used to signify security is off, access is granted, or a system is unsecured.
Common uses
- Indicate a user account is unlocked.
- Show a setting that disables security features.
- Represent successful authentication or login.
Use it in React
Install
npm i @phosphor-icons/reactImport & render
import { LockKeyOpen } from '@phosphor-icons/react';
<LockKeyOpen size={24} />Styles
Phosphor ships this icon in 6 styles — each its own import:
regular
<LockKeyOpen size={24} />thin
<LockKeyOpen size={24} weight="thin" />light
<LockKeyOpen size={24} weight="light" />bold
<LockKeyOpen size={24} weight="bold" />fill
<LockKeyOpen size={24} weight="fill" />duotone
<LockKeyOpen size={24} weight="duotone" />Details
- Library
- Phosphor (1,512 icons)
- License
- MIT
- viewBox
0 0 256 256- Category
- objects
- Keywords
- padlocksecurityunsecuredauthenticationunauthenticatedloginunlockedunencryptedencryptionprivacyobjectssystemlockkeyopenunlocked padlock
FAQ
- What does the lock key open icon represent?
- It represents a state of being unlocked or unsecured, often used for access granted or security disabled.
- How do I use the lock key open icon in React?
- You can import and use it like this: import { LockKeyOpen } 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 →