What does the game controller icon represent?

It represents a video game controller or gamepad, used for input in electronic games.

How do I use this icon in React?

Import it as `GameController` from '@phosphor-icons/react' and use it as a component: ` `.

What is the license for this icon?

The Phosphor icon library, including the game controller icon, is available under the MIT license.

game controller icon

Phosphor · game-controller · MIT

The Phosphor game controller icon visually represents a gamepad, commonly used in user interfaces to signify gaming-related actions, settings, or sections.

Common uses

Button for starting a game
Link to a game library
Icon for game settings menu

Use it in React

Install

npm i @phosphor-icons/react

Import & render

import { GameController } from '@phosphor-icons/react';

<GameController size={24} />

Styles

Phosphor ships this icon in 6 styles — each its own import:

regular

<GameController size={24} />

thin

<GameController size={24} weight="thin" />

light

<GameController size={24} weight="light" />

bold

<GameController size={24} weight="bold" />

fill

<GameController size={24} weight="fill" />

duotone

<GameController size={24} weight="duotone" />

Details

Library: Phosphor (1,512 icons)
License: MIT
viewBox: 0 0 256 256
Category: games
Keywords: gamingvideo gamesnintendo switchsony playstationmicrosoft xboxgamesmediaobjectsgamecontrollergamepadjoystickvideo game

FAQ

What does the game controller icon represent?: It represents a video game controller or gamepad, used for input in electronic games.
How do I use this icon in React?: Import it as `GameController` from '@phosphor-icons/react' and use it as a component: `<GameController />`.
What is the license for this icon?: The Phosphor icon library, including the game controller icon, is available under the MIT license.

Looking for something else? Search Phosphor and 4 more libraries by description →

The search behind these pages runs as a Claude Code skill. What skills are and how I ship them →