Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as entertainment, joystick, wireless, 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="59.756"
y2="4.959"
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="59.756" y2="4.959" href="#a" />
<linearGradient id="c" x1="48" x2="48" y1="59.756" y2="4.959" href="#a" />
<linearGradient id="d" x1="52" x2="52" y1="59.756" y2="4.959" href="#a" />
<linearGradient id="e" x1="46" x2="46" y1="59.756" y2="4.959" href="#a" />
<linearGradient id="f" x1="42" x2="42" y1="59.756" y2="4.959" href="#a" />
<linearGradient id="g" x1="32" x2="32" y1="59.756" y2="4.959" href="#a" />
<linearGradient id="h" x1="28" x2="28" y1="59.756" y2="4.959" href="#a" />
<linearGradient id="i" x1="36" x2="36" y1="59.756" y2="4.959" href="#a" />
<linearGradient id="j" x1="30" x2="30" y1="59.756" y2="4.959" href="#a" />
<linearGradient id="k" x1="34" x2="34" y1="59.756" y2="4.959" href="#a" />
<g>
<path
fill="url(#a)"
d="M17 32a11 11 0 1 0 11 11 11.013 11.013 0 0 0-11-11zm0 20a9 9 0 1 1 9-9 9.011 9.011 0 0 1-9 9z"
/>
<path
fill="url(#b)"
d="M47 32a11 11 0 1 0 11 11 11.013 11.013 0 0 0-11-11zm0 20a9 9 0 1 1 9-9 9.011 9.011 0 0 1-9 9z"
/>
<path
fill="url(#c)"
d="M48 42a3 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 41a3 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 44a3 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 42a3 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 40v-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 28.558V27a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v1H21v-1a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v1.558A14.992 14.992 0 0 0 17 58h30a14.992 14.992 0 0 0 4-29.442zM45 27h4v1.149A14.99 14.99 0 0 0 47 28h-2zm-30 0h4v1h-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 34h2v2h-2z" />
<path fill="url(#g)" d="M31 34h2v2h-2z" />
<path fill="url(#i)" d="M35 34h2v2h-2z" />
<path fill="url(#j)" d="M29 48h2v2h-2z" />
<path fill="url(#k)" d="M33 48h2v2h-2z" />
<g fill="url(#g)">
<path
d="M29 21a3 3 0 1 0 3-3 3 3 0 0 0-3 3zm4 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1zM36.95 16.05a7.009 7.009 0 0 0-9.9 0l1.414 1.414a5.008 5.008 0 0 1 7.072 0z"
/>
<path
d="M39.778 13.222a11.012 11.012 0 0 0-15.556 0l1.414 1.414a9.01 9.01 0 0 1 12.728 0z"
/>
<path
d="m41.192 11.808 1.414-1.414a15.015 15.015 0 0 0-21.212 0l1.414 1.414a13.013 13.013 0 0 1 18.384 0z"
/>
</g>
</g>
</svg>
More icons in the same style and category