Add icons to this collection by clicking the heart icon.
Joystick icon - also known as technology, electronic, joystick, video game, gamepad, game controller, multimedia, gaming, and gamer. Created in a clean lineal color style with a gray, red, and navy finish, 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 469.333 469.333"
>
<path
d="M426.667 384h-128v-10.667c0-13.888-8.944-25.617-21.333-30.035v-184.5C302.716 143.996 320 116.776 320 85.333 320 38.281 281.729 0 234.667 0s-85.333 38.281-85.333 85.333c0 31.443 17.284 58.663 42.667 73.465v184.5c-12.389 4.418-21.333 16.147-21.333 30.035V384h-21.333v-10.667a10.66 10.66 0 0 0-10.667-10.667h-64a10.66 10.66 0 0 0-10.667 10.667V384H42.667C19.146 384 0 403.135 0 426.667v32a10.66 10.66 0 0 0 10.667 10.667h448a10.66 10.66 0 0 0 10.667-10.667v-32C469.333 403.135 450.188 384 426.667 384z"
fill="#303c42"
/>
<circle cx="234.667" cy="85.333" r="64" fill="#e53935" />
<path
d="M266.478 30.132c.018.635.189 1.229.189 1.868 0 35.292-28.708 64-64 64-11.633 0-22.401-3.354-31.811-8.799 1.016 34.411 29.159 62.133 63.811 62.133 35.292 0 64-28.708 64-64 0-23.661-13.05-44.127-32.189-55.202z"
opacity=".1"
/>
<path
d="M234.667 170.667c7.41 0 14.474-1.246 21.333-3.029v173.695h-42.667V167.638c6.86 1.783 13.924 3.029 21.334 3.029z"
fill="#e53935"
/>
<path
d="M192 373.333c0-5.885 4.792-10.667 10.667-10.667h64c5.875 0 10.667 4.781 10.667 10.667V384H192v-10.667zM448 448H21.333v-21.333c0-11.76 9.563-21.333 21.333-21.333h384c11.771 0 21.333 9.573 21.333 21.333V448z"
fill="#546e7a"
/>
<path
d="M448 448H21.333v-21.333c0-11.76 9.563-21.333 21.333-21.333h384c11.771 0 21.333 9.573 21.333 21.333V448z"
fill="#546e7a"
/>
<path
d="M426.667 405.333H352c11.771 0 21.333 9.573 21.333 21.333V448H448v-21.333c0-11.761-9.562-21.334-21.333-21.334z"
opacity=".1"
/>
<linearGradient
id="a"
x1="-56.683"
x2="-54.39"
y1="616.647"
y2="614.353"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#000" stop-opacity=".1" />
<stop offset="1" stop-color="#000" stop-opacity="0" />
</linearGradient>
<path
d="M213.333 167.638v12.493L256 222.798v-55.16c-6.859 1.783-13.923 3.029-21.333 3.029s-14.474-1.246-21.334-3.029z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-63.211"
x2="-43.805"
y1="614.229"
y2="605.18"
gradientTransform="matrix(21.3333 0 0 -21.3333 1430.111 13315.223)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M426.667 384h-128v-10.667c0-13.888-8.944-25.617-21.333-30.035v-184.5C302.716 143.996 320 116.776 320 85.333 320 38.281 281.729 0 234.667 0s-85.333 38.281-85.333 85.333c0 31.443 17.284 58.663 42.667 73.465v184.5c-12.389 4.418-21.333 16.147-21.333 30.035V384h-21.333v-10.667a10.66 10.66 0 0 0-10.667-10.667h-64a10.66 10.66 0 0 0-10.667 10.667V384H42.667C19.146 384 0 403.135 0 426.667v32a10.66 10.66 0 0 0 10.667 10.667h448a10.66 10.66 0 0 0 10.667-10.667v-32C469.333 403.135 450.188 384 426.667 384z"
fill="url(#b)"
/>
</svg>
More icons in the same style and category