Keyboard Pixel Art Icon
A keyboard icon for typing settings, keyboard shortcut references, input method selectors, and on-screen keyboard toggles.
Tags
typinginputkeys
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Keyboard icon
A full keyboard with rows of keys, representing text input hardware or keyboard-related settings. Use it to label a keyboard shortcuts reference panel, an input method selector in language settings, a virtual keyboard toggle for touch devices, or an accessibility setting for keyboard navigation. It covers both physical and virtual keyboard contexts. For a single key like the Mac Command key, the command icon is more specific; for pointer interaction, cursor-click covers mouse actions rather than keyboard.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/keyboard.svg" width="24" height="24" alt="Keyboard" />
<!-- React -->
import { Keyboard } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="keyboard.svg" width="48" height="48" style="image-rendering: pixelated" />