The Standard Icon Set

Keyboard

Arrow Keys Key icon

A keyboard keycap with a small four-way arrow cluster in its center. Use for the arrow keys or directional keyboard input.

SVG
PNG
Size
Weight

Sizes

  • 16
  • 18
  • 20
  • 22
  • 24
  • 28
  • 32
  • 40
  • 48

Use it

Format
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><rect x="4.306" y="3.519" width="7.39025" height="6.51025" rx="1" stroke="currentColor" stroke-linejoin="round" stroke-width="1.182"/><path d="M4.74 12.764H11.263C12.396 12.764 13.303 11.824 13.262 10.692L13.075 5.442C13.036 4.366 12.153 3.514 11.076 3.514H4.937C3.862 3.514 2.979 4.364 2.939 5.438L2.741 10.688C2.699 11.822 3.606 12.764 4.74 12.764Z" stroke="currentColor" stroke-linejoin="round" stroke-width="1.182"/><path d="M4.567 9.66L3.463 12.212M11.432 9.66L12.536 12.212" stroke="currentColor" stroke-width="1.182"/><path d="M7.515 5.56L8 5.074L8.486 5.56M7.515 7.989L8 8.474L8.486 7.989M6.543 6.289L6.058 6.774L6.543 7.26M9.458 6.289L9.943 6.774L9.458 7.26" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/></svg>

Paste it into HTML. It draws in currentColor, so it takes the colour of the text around it.

Related15