Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as technology, computer, entertainment, electronic, game, joystick, controller, video game, gamepad, game controller, multimedia, electronics, gaming, and hobbies and free time. 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="100"
height="100"
viewBox="0 0 480 480"
>
<linearGradient
id="a"
x1="-26.875"
x2="-26.875"
y1="557.225"
y2="616.907"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M376 272H248v-24a8 8 0 0 1 8-8h168c30.928 0 56-25.072 56-56s-25.072-56-56-56H56c-22.091 0-40-17.909-40-40s17.909-40 40-40h168c13.255 0 24-10.745 24-24V0h-16v24a8 8 0 0 1-8 8H56C25.072 32 0 57.072 0 88s25.072 56 56 56h368c22.091 0 40 17.909 40 40s-17.909 40-40 40H256c-13.255 0-24 10.745-24 24v24H104C46.562 272 0 318.562 0 376s46.562 104 104 104h272c57.438 0 104-46.562 104-104s-46.562-104-104-104zm0 192H104c-48.601 0-88-39.399-88-88s39.399-88 88-88h272c48.601 0 88 39.399 88 88s-39.399 88-88 88z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-9.875"
x2="-9.875"
y1="557.225"
y2="616.907"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M376 320c-30.928 0-56 25.072-56 56s25.072 56 56 56 56-25.072 56-56c-.04-30.911-25.089-55.96-56-56zm39.2 48H384v-31.2a40.127 40.127 0 0 1 31.2 31.2zM368 336.8V368h-31.2a40.127 40.127 0 0 1 31.2-31.2zM336.8 384H368v31.2a40.127 40.127 0 0 1-31.2-31.2zm47.2 31.2V384h31.2a40.127 40.127 0 0 1-31.2 31.2z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-23.875"
x2="-23.875"
y1="557.225"
y2="616.907"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M280 368h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z" fill="url(#c)" />
<linearGradient
id="d"
x1="-31.875"
x2="-31.875"
y1="557.225"
y2="616.907"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path d="M216 368h-32a8 8 0 0 0 0 16h32a8 8 0 0 0 0-16z" fill="url(#d)" />
<linearGradient
id="e"
x1="-40.875"
x2="-40.875"
y1="557.225"
y2="616.907"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="128" cy="376" r="16" fill="url(#e)" />
<linearGradient
id="f"
x1="-44.875"
x2="-44.875"
y1="557.225"
y2="616.907"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="96" cy="344" r="16" fill="url(#f)" />
<linearGradient
id="g"
x1="-44.875"
x2="-44.875"
y1="557.225"
y2="616.907"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="96" cy="408" r="16" fill="url(#g)" />
<linearGradient
id="h"
x1="-48.875"
x2="-48.875"
y1="557.225"
y2="616.907"
gradientTransform="matrix(8 0 0 -8 455 4941)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<circle cx="64" cy="376" r="16" fill="url(#h)" />
</svg>
More icons in the same style and category