The Standard Icon Set

Games and Toys

Dpad Directional icon

A four-way directional pad made of four small arrow-shaped buttons around an empty center. Use for game controller directions or d-pad 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"><path d="M9.339 2.877V5.356L7.999 6.583L6.66 5.356V2.877H7.999H9.339Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M9.339 13.123V10.644L7.999 9.417L6.66 10.644V13.123H7.999H9.339Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M2.877 6.661L5.356 6.661L6.583 8L5.356 9.339L2.877 9.339L2.877 8L2.877 6.661Z" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.182"/><path d="M13.123 6.661L10.644 6.661L9.417 8L10.644 9.339L13.123 9.339L13.123 8L13.123 6.661Z" 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.