Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as entertainment, joystick, video game, gamepad, game controller, gaming, gamer, and game console. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="17"
x2="17"
y1="64.057"
y2="22.59"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e93e3a" />
<stop offset=".35" stop-color="#ed683c" />
<stop offset=".7" stop-color="#f3903f" />
<stop offset="1" stop-color="#fdc70c" />
</linearGradient>
<linearGradient id="b" x1="47" x2="47" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="c" x1="48" x2="48" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="d" x1="52" x2="52" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="e" x1="46" x2="46" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="f" x1="42" x2="42" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="g" x1="32" x2="32" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="h" x1="28" x2="28" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="i" x1="36" x2="36" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="j" x1="30" x2="30" y1="64.057" y2="22.59" href="#a" />
<linearGradient id="k" x1="34" x2="34" y1="64.057" y2="22.59" href="#a" />
<g>
<path
fill="url(#a)"
d="M17 36a11 11 0 1 0 11 11 11.013 11.013 0 0 0-11-11zm0 20a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9z"
/>
<path
fill="url(#b)"
d="M47 36a11 11 0 1 0 11 11 11.013 11.013 0 0 0-11-11zm0 20a9 9 0 1 1 9-9 9.01 9.01 0 0 1-9 9z"
/>
<path
fill="url(#c)"
d="M48 46a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1z"
/>
<path
fill="url(#d)"
d="M52 45a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#e)"
d="M46 48a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#f)"
d="M45 46a3 3 0 1 0-3 3 3 3 0 0 0 3-3zm-3 1a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
<path
fill="url(#a)"
d="M20 44v-3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v3h-3a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h3v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm2 4h-3a1 1 0 0 0-1 1v3h-2v-3a1 1 0 0 0-1-1h-3v-2h3a1 1 0 0 0 1-1v-3h2v3a1 1 0 0 0 1 1h3z"
/>
<path
fill="url(#g)"
d="M51 32.558V31a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v1h-5v-2a2 2 0 0 0-2-2v-2a2 2 0 0 0-2-2h-1v-4h23a1 1 0 0 0 1-1v-6a1 1 0 0 0-1-1H9V8h23a1 1 0 0 0 1-1V3h-2v3H8a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h47v4H32a1 1 0 0 0-1 1v5h-1a2 2 0 0 0-2 2v2a2 2 0 0 0-2 2v2h-5v-1a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v1.558A14.992 14.992 0 0 0 17 62h30a14.992 14.992 0 0 0 4-29.442zM45 31h4v1.149A14.99 14.99 0 0 0 47 32h-2zm-15-5h4v2h-4zm-2 4h8v2h-8zm-13 1h4v1h-2a14.99 14.99 0 0 0-2 .149zm32 29H17a13 13 0 0 1 0-26h30a13 13 0 0 1 0 26z"
/>
<path fill="url(#h)" d="M27 38h2v2h-2z" />
<path fill="url(#g)" d="M31 38h2v2h-2z" />
<path fill="url(#i)" d="M35 38h2v2h-2z" />
<path fill="url(#j)" d="M29 52h2v2h-2z" />
<path fill="url(#k)" d="M33 52h2v2h-2z" />
</g>
</svg>
More icons in the same style and category