Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as computer, gamepad, game controller, electronics, coding, gaming, and game development. 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="31.5"
x2="31.5"
y1="63.835"
y2="-.091"
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="17" x2="17" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="c" x1="21" x2="21" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="d" x1="43" x2="43" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="e" x1="32" x2="32" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="f" x1="47" x2="47" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="g" x1="48" x2="48" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="h" x1="25" x2="25" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="i" x1="39" x2="39" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="j" x1="41" x2="41" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="k" x1="37" x2="37" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="l" x1="30" x2="30" y1="63.835" y2="-.091" href="#a" />
<linearGradient id="m" x1="34" x2="34" y1="63.835" y2="-.091" href="#a" />
<g>
<path
fill="url(#a)"
d="m55.707 56.293-6-6A1 1 0 0 0 49 50H19v-2a3 3 0 0 0-3-3h-6a1 1 0 0 1 0-2h6a3 3 0 0 0 3-3v-2h7v4h-4a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h20a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-4v-4h14a3 3 0 0 0 3-3V9a3 3 0 0 0-3-3h-5v2h5a1 1 0 0 1 1 1v21H11V9a1 1 0 0 1 1-1h5V6h-5a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h5v2a1 1 0 0 1-1 1h-6a3 3 0 0 0 0 6h6a1 1 0 0 1 1 1v2h-2a1 1 0 0 0-.707.293l-6 6A1 1 0 0 0 8 57v3a2 2 0 0 0 2 2h44a2 2 0 0 0 2-2v-3a1 1 0 0 0-.293-.707zM41 46H23v-2h18zm-5-4h-8v-4h8zm-25-7v-3h42v3a1 1 0 0 1-1 1H12a1 1 0 0 1-1-1zm4.414 17h33.172l4 4H11.414zM10 60v-2h44v2z"
/>
<path fill="url(#b)" d="M16 53h2v2h-2z" />
<path fill="url(#c)" d="M20 53h2v2h-2z" />
<path fill="url(#d)" d="M42 53h2v2h-2z" />
<path fill="url(#e)" d="M24 53h16v2H24z" />
<path fill="url(#f)" d="M46 53h2v2h-2z" />
<path fill="url(#g)" d="M47 33h2v2h-2z" />
<path
fill="url(#e)"
d="M21 24h2.249a3.011 3.011 0 0 0 2.974-2.6l.719-5.4h10.116l.719 5.4a3.011 3.011 0 0 0 2.974 2.6H43a3 3 0 0 0 3-3V10a8.009 8.009 0 0 0-8-8H26a8.009 8.009 0 0 0-8 8v11a3 3 0 0 0 3 3zm-1-14a6.006 6.006 0 0 1 6-6h12a6.006 6.006 0 0 1 6 6v11a1 1 0 0 1-1 1h-2.249a1 1 0 0 1-.991-.868l-.72-5.4A2.006 2.006 0 0 0 37.058 14H26.942a2.006 2.006 0 0 0-1.982 1.735l-.72 5.4a1 1 0 0 1-.991.868H21a1 1 0 0 1-1-1z"
/>
<path fill="url(#h)" d="M24 12h2v-2h2V8h-2V6h-2v2h-2v2h2z" />
<path fill="url(#i)" d="M38 6h2v2h-2z" />
<path fill="url(#j)" d="M40 8h2v2h-2z" />
<path fill="url(#i)" d="M38 10h2v2h-2z" />
<path fill="url(#k)" d="M36 8h2v2h-2z" />
<path fill="url(#l)" d="M29 6h2v2h-2z" />
<path fill="url(#m)" d="M33 6h2v2h-2z" />
</g>
</svg>
More icons in the same style and category