Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as joystick, gamepad, game controller, games, gaming, gamer, wii controller, and vr gaming. 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">
<stop offset="0" stop-color="#c96744" />
<stop offset=".304" stop-color="#a84540" />
<stop offset=".64" stop-color="#4b90a0" />
<stop offset="1" stop-color="#397a8e" />
</linearGradient>
<linearGradient
id="b"
x1="2.473"
x2="59.375"
y1="4.441"
y2="61.343"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="-4.044"
x2="52.859"
y1="10.957"
y2="67.859"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="3.957"
x2="60.859"
y1="2.957"
y2="59.859"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="7.207"
x2="64.109"
y1="-.294"
y2="56.609"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="-2.043"
x2="54.859"
y1="8.957"
y2="65.859"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="6.957"
x2="63.859"
y1="-.044"
y2="56.859"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="17.957"
x2="74.859"
y1="-11.044"
y2="45.859"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="12.954"
x2="69.856"
y1="-6.046"
y2="50.856"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="13.457"
x2="70.359"
y1="-6.544"
y2="50.359"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="17.457"
x2="74.359"
y1="-10.544"
y2="46.359"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="5.457"
x2="62.359"
y1="1.457"
y2="58.359"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="8.457"
x2="65.359"
y1="-1.544"
y2="55.359"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="11.457"
x2="68.359"
y1="-4.544"
y2="52.359"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M51.26 7H13C5.832 7 0 12.832 0 20v30.972A6.035 6.035 0 0 0 6.028 57a6.007 6.007 0 0 0 5.864-4.632l1.737-7.295A3.988 3.988 0 0 1 17.521 42h.165c1.126 2.361 3.53 4 6.315 4s5.189-1.639 6.315-4h3.37c1.126 2.361 3.53 4 6.315 4s5.189-1.639 6.315-4h.165c1.86 0 3.46 1.264 3.891 3.073l1.737 7.295A6.004 6.004 0 0 0 57.972 57 6.035 6.035 0 0 0 64 50.972V19.74C64 12.715 58.285 7 51.26 7zM24 44c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm6.92-4c.047-.328.08-.66.08-1s-.033-.672-.08-1h2.16c-.047.328-.08.66-.08 1s.033.672.08 1zM40 44c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm22 6.972A4.033 4.033 0 0 1 57.972 55a4.015 4.015 0 0 1-3.919-3.095l-1.737-7.295c-.612-2.571-2.802-4.386-5.401-4.574.05-.338.085-.683.085-1.036 0-3.859-3.14-7-7-7-2.785 0-5.189 1.639-6.315 4h-3.37c-1.126-2.361-3.53-4-6.315-4-3.86 0-7 3.141-7 7 0 .353.035.698.086 1.037-2.599.188-4.79 2.003-5.401 4.574l-1.737 7.295A4.017 4.017 0 0 1 6.028 55 4.033 4.033 0 0 1 2 50.972V20C2 13.935 6.935 9 13 9h38.26C57.182 9 62 13.818 62 19.74z"
/>
<path
fill="url(#c)"
d="M24 35c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"
/>
<path
fill="url(#d)"
d="M40 35c-2.206 0-4 1.794-4 4s1.794 4 4 4 4-1.794 4-4-1.794-4-4-4zm0 6c-1.103 0-2-.897-2-2s.897-2 2-2 2 .897 2 2-.897 2-2 2z"
/>
<path
fill="url(#e)"
d="M51 11H13c-4.962 0-9 4.037-9 9v9c0 4.963 4.038 9 9 9h2a1 1 0 1 0 0-2h-2c-3.86 0-7-3.141-7-7v-9c0-3.859 3.14-7 7-7h38c3.86 0 7 3.141 7 7v9c0 3.859-3.14 7-7 7h-2a1 1 0 1 0 0 2h2c4.962 0 9-4.037 9-9v-9c0-4.963-4.038-9-9-9z"
/>
<path
fill="url(#f)"
d="M19 22h-2v-2a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v2H9a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h2v2a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-2h2a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-2a1 1 0 0 0-1 1v2h-2v-2a1 1 0 0 0-1-1h-2v-2h2a1 1 0 0 0 1-1v-2h2v2a1 1 0 0 0 1 1h2z"
/>
<path
fill="url(#g)"
d="M36.5 19h-9a4.505 4.505 0 0 0-4.5 4.5v3c0 2.481 2.019 4.5 4.5 4.5h9c2.481 0 4.5-2.019 4.5-4.5v-3c0-2.481-2.019-4.5-4.5-4.5zm2.5 7.5c0 1.379-1.122 2.5-2.5 2.5h-9a2.503 2.503 0 0 1-2.5-2.5v-3c0-1.379 1.122-2.5 2.5-2.5h9c1.378 0 2.5 1.121 2.5 2.5z"
/>
<path
fill="url(#h)"
d="M49 17c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2z"
/>
<path
fill="url(#i)"
d="M52 30c0-1.654-1.346-3-3-3s-3 1.346-3 3 1.346 3 3 3 3-1.346 3-3zm-4 0a1.001 1.001 0 1 1 1 1c-.551 0-1-.448-1-1z"
/>
<path
fill="url(#j)"
d="M48 25c0-1.654-1.346-3-3-3s-3 1.346-3 3 1.346 3 3 3 3-1.346 3-3zm-3 1a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2z"
/>
<path
fill="url(#k)"
d="M50 25c0 1.654 1.346 3 3 3s3-1.346 3-3-1.346-3-3-3-3 1.346-3 3zm3-1a1.001 1.001 0 1 1-1 1c0-.552.449-1 1-1z"
/>
<path
fill="url(#l)"
d="M29 22c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2z"
/>
<path
fill="url(#m)"
d="M35 22c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2z"
/>
<path fill="url(#n)" d="M35 17a1 1 0 1 0 0-2h-6a1 1 0 1 0 0 2z" />
</svg>
More icons in the same style and category