The Lucide key icon visually represents a physical key, commonly used in user interfaces to signify actions related to security, access, or authentication.
Common uses
- Login button
- Password field indicator
- Access control settings
Use it in React
Install
npm i lucide-reactImport & render
import { Key } from 'lucide-react';
<Key size={24} />Details
- Library
- Lucide (1,713 icons)
- License
- ISC
- viewBox
0 0 24 24- Keywords
- passwordloginauthenticationsecureunlockkeychainkey ringfobkey
FAQ
- What is the key icon used for?
- It's used to represent concepts like login, security, passwords, and unlocking access in UI designs.
- How do I use the key icon in React?
- Import it from 'lucide-react' and use it as a component: import { Key } from 'lucide-react'.
- What is the license for the Lucide key icon?
- The Lucide icon library, including the key icon, is available under the ISC license.
Related icons
The same idea in other libraries, and near matches in Lucide.
Looking for something else? Search Lucide 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 →