Light Dark System

Keyboard icon

keyboard

A keyboard, for keyboard shortcuts, typing and input settings.

Missing from Heroicons, where it was requested with 31 votes in #418 and #525 .

Component: KeyboardIcon
Intended size: 24×24 px, 1.5 px stroke
Iconset: Sidekickicons
Keywords: typing, input, keys, shortcuts, hotkeys, device

Outline 24×24 px, 1.5 px stroke Solid 24×24 px, solid fill Mini 20×20 px, solid fill Micro 16×16 px, solid fill

Code

<svg xmlns="http://www.w3.org/2000/svg" stroke-width="1.5" viewBox="0 0 24 24" stroke="currentColor" aria-hidden="true" data-slot="icon" fill="none" class="size-6">
  <path stroke-linecap="round" stroke-linejoin="round" d="M5.75 9.25h12.5a2.5 2.5 0 0 1 2.5 2.5v6.5a2.5 2.5 0 0 1-2.5 2.5H5.75a2.5 2.5 0 0 1-2.5-2.5v-6.5a2.5 2.5 0 0 1 2.5-2.5Zm6.25 0v-1.5a1.5 1.5 0 0 1 1.5-1.5H15a1.5 1.5 0 0 0 1.5-1.5V3M5.75 11.75h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm-10.5 3h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm3 0h.5v.5h-.5v-.5Zm-10.5 3h.5v.5h-.5v-.5Zm3 0h6.5v.5h-6.5v-.5Zm9 0h.5v.5h-.5v-.5Z" />
</svg>

Keyboard icon in UI elements

Button · Mini

Secondary button · Mini

Icon buttons · Mini, and an Outline toggle that turns Solid

Input · Mini

Navigation · Outline

Shortcut Shortcut

Badges · Micro

Keyboard icon

Code

Keyboard icon in UI elements

Related icons

More Sidekickicons