Key Pixel Art Icon
A key icon for password fields, authentication screens, API key settings, license entry and any interface dealing with credentials or access.
Tags
unlockaccesscredentialpasswordauthprivate
Style variants
base
Outline · rounded corners
solid
Filled · rounded corners
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Key icon
A traditional key silhouette, long associated with access, authentication, and secrets. Use it beside a 'Password' field, on an 'API Keys' settings page, in a 'License key' entry flow, or on an 'Unlock' button when a padlock already appears nearby. It is more literal than a padlock, suggesting the mechanism of access rather than the state of being locked. To communicate restriction without implying an action, the lock icon suits better.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/key.svg" width="24" height="24" alt="Key" />
<!-- React -->
import { Key } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="key.svg" width="48" height="48" style="image-rendering: pixelated" />