Gamepad Directions Pixel Art Icon
A gamepad d-pad icon for directional controls, navigation key remapping, and game-control instruction screens.
Tags
gamepaddirections
Style variants
Base, sharp, solid or glyph: see how the four styles differ and which to use.
About the Gamepad Directions icon
A directional pad (d-pad) on a game controller, the cross-shaped cluster used for character or cursor movement. It suits a 'Controls' or 'Key bindings' settings screen, an onboarding tooltip explaining movement controls, or a UI that maps directional inputs to in-game actions. Its specificity to directional input distinguishes it from the general gamepad icon, making it the better choice when the focus is navigation or movement rather than gaming broadly. For full-controller context, gamepad-2 covers more ground.
Usage
<!-- HTML -->
<img src="pixelarticons/svg/gamepad-directions.svg" width="24" height="24" alt="Gamepad Directions" />
<!-- React -->
import { GamepadDirections } from 'pixelarticons/react'
<!-- Sizes: 24px, 48px, 72px, 96px (multiples of 24) -->
<img src="gamepad-directions.svg" width="48" height="48" style="image-rendering: pixelated" />