Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as technology, joystick, game controller, communications, device connectors, and electonics. Created in a clean flat 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="-1.112"
x2="54.091"
y1="60.892"
y2="8.904"
gradientUnits="userSpaceOnUse"
>
<stop offset=".133" stop-color="#a617ff" />
<stop offset=".477" stop-color="#6359e3" />
<stop offset="1" stop-color="#5bcbfa" />
</linearGradient>
<linearGradient
id="b"
x1="-8.163"
x2="47.041"
y1="53.406"
y2="1.418"
href="#a"
/>
<linearGradient
id="c"
x1="3.588"
x2="58.791"
y1="65.883"
y2="13.895"
href="#a"
/>
<linearGradient
id="d"
x1="-1.258"
x2="53.946"
y1="60.738"
y2="8.75"
href="#a"
/>
<linearGradient
id="e"
x1="-1.45"
x2="53.754"
y1="60.534"
y2="8.546"
href="#a"
/>
<linearGradient
id="f"
x1="-6.606"
x2="48.597"
y1="55.059"
y2="3.071"
href="#a"
/>
<linearGradient
id="g"
x1="14.946"
x2="70.149"
y1="77.944"
y2="25.956"
href="#a"
/>
<linearGradient
id="h"
x1="3.733"
x2="58.937"
y1="66.038"
y2="14.05"
href="#a"
/>
<circle cx="37" cy="25" r=".975" fill="url(#a)" />
<path
fill="url(#b)"
d="M21.03 19.03V23A1.029 1.029 0 0 1 20 24.03h-3.97v1.94H20A1.029 1.029 0 0 1 21.03 27v3.64l.18.15.15.18h1.61V27A1.029 1.029 0 0 1 24 25.97h3.97v-1.94H24A1.029 1.029 0 0 1 22.97 23v-3.97z"
/>
<circle cx="47" cy="25" r=".975" fill="url(#c)" />
<circle cx="42" cy="20" r=".975" fill="url(#d)" />
<path
fill="url(#e)"
d="M41.76 33A3.019 3.019 0 1 1 45 29.76a3.641 3.641 0 0 1 2.32.58l3.55 2.37 2.1-2.1V17A2.97 2.97 0 0 0 50 14.03H33V9a3 3 0 0 1 3-3h9V4h-9a5.006 5.006 0 0 0-5 5v5.03H14A2.97 2.97 0 0 0 11.03 17v13.61l2.1 2.1 3.55-2.37a3.649 3.649 0 0 1 2.29-.58v-1.73H15A1.029 1.029 0 0 1 13.97 27v-4A1.029 1.029 0 0 1 15 21.97h3.97V18A1.029 1.029 0 0 1 20 16.97h4A1.029 1.029 0 0 1 25.03 18v3.97H29A1.029 1.029 0 0 1 30.03 23v4A1.029 1.029 0 0 1 29 28.03h-3.97V32A1.029 1.029 0 0 1 24 33.03h-1.76a3.571 3.571 0 0 1-.58 2.29L17 42.3v5.67h.39a4.978 4.978 0 0 0 4.81-3.68.578.578 0 0 1 .05-.14l2.81-6.55a1.024 1.024 0 0 1 .94-.63h12a1.024 1.024 0 0 1 .94.63l2.81 6.55a.578.578 0 0 1 .05.14 4.978 4.978 0 0 0 4.81 3.68H47V42.3l-4.66-6.98a3.641 3.641 0 0 1-.58-2.32zm8.265-8A3.025 3.025 0 1 1 47 21.975 3.028 3.028 0 0 1 50.025 25zM42 16.975A3.025 3.025 0 1 1 38.975 20 3.028 3.028 0 0 1 42 16.975zm-5 11.05A3.025 3.025 0 1 1 40.025 25 3.028 3.028 0 0 1 37 28.025z"
/>
<path
fill="url(#f)"
d="M19.79 32.21a1.576 1.576 0 0 0-2-.2l-4.24 2.82a1 1 0 0 1-1.26-.12l-3-3A1.033 1.033 0 0 1 9 31h-.03V18h-.56a1.006 1.006 0 0 0-.94.66l-2.48 9.52L4 37.06v4.7l2.89 5.79a.976.976 0 0 1 .07.71L4.31 58H15V42a.967.967 0 0 1 .17-.55l4.82-7.24a1.576 1.576 0 0 0-.2-2z"
/>
<path
fill="url(#g)"
d="M60 41.76v-4.7l-.99-8.88-2.5-9.6a1.01 1.01 0 0 0-.92-.58h-.56v13H55a1.033 1.033 0 0 1-.29.71l-3 3a1 1 0 0 1-1.26.12l-4.24-2.82a1.587 1.587 0 0 0-2.2 2.2l4.82 7.24A.967.967 0 0 1 49 42v16h10.69l-2.65-9.74a.976.976 0 0 1 .07-.71z"
/>
<circle cx="42" cy="30" r=".97" fill="url(#h)" />
</svg>
More icons in the same style and category