Add icons to this collection by clicking the heart icon.
Joystick icon - also known as joystick, video game, gamepad, game controller, arcade stick, electronics, gaming, and gamer. Created in a clean lineal color style with a silver, gray, and black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<path
d="M0 0v162.928h-42.941V10Z"
transform="matrix(1.33333 0 0 -1.33333 363.294 477.137)"
fill="#738c96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="m0 0 20.001 7.618v216.147H-32.94v-63.219A89.562 89.562 0 0 1 0 148.655z"
transform="translate(262.47 156.53)"
fill="#607882"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 19.793-6.181 42.635-23.992 59.759-14.871 10.814-33.17 17.197-52.964 17.197-49.795 0-90.162-40.367-90.162-90.162 0-19.793 6.384-38.093 17.197-52.964 21.974-21.392 39.966-23.992 59.759-23.992C-40.367-90.162 0-49.795 0 0"
transform="translate(332.956 427.544)"
fill="#e6989e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c10.813-14.871 17.196-33.171 17.196-52.964 0-49.795-40.366-90.162-90.161-90.162-19.794 0-38.094 6.383-52.965 17.197 16.39-22.541 42.964-37.198 72.966-37.198 49.795 0 90.162 40.367 90.162 90.162C37.198-42.964 22.54-16.39 0 0"
transform="translate(308.964 487.304)"
fill="#e27f86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-90.001c-8.284 0-14.999-6.715-15-14.999L4.941-19.383Z"
transform="translate(301 164.148)"
fill="#87a0af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.001-7.499a7.5 7.5 0 0 0-7.5-7.5h-97.501V-30l57.942-6.559L15-30v15C15-6.716 8.284 0 0 0"
transform="translate(301.001 164.148)"
fill="#738c96"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-150.165c-8.284 0-14.999-6.715-15-14.999L4.941-19.383Z"
transform="translate(331.16 134.148)"
fill="#9bb9c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-.001-7.499a7.5 7.5 0 0 0-7.5-7.5h-157.665V-30l87.945-10.206L15-30v15C15-6.716 8.284 0 0 0"
transform="translate(331.162 134.148)"
fill="#87a0af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.332.022-.662.05-.999.05h-16.707c-8.284 0-15-6.715-15-15v-2.789S-.999-33.374 6.501-24.162 0 0 0 0"
transform="translate(114.353 135.888)"
fill="#e6989e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-10.239a7.5 7.5 0 0 0-7.5-7.5h-25.206V-31.74l24.294-10.207L14.001-31.74v16.79C14.001-7.003 7.816-.516 0 0"
transform="translate(114.353 135.888)"
fill="#e27f86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a30.099 30.099 0 0 1-6.369.684h-348.706c-16.569 0-30-13.431-30-30v-31.03L15.219-78.155S17.69-17.522 0 0"
transform="translate(436.722 103.463)"
fill="#b4d2d7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-15.45 19.456h-388.705V-1.16l376.29-10.678z"
transform="translate(455.802 23.661)"
fill="#9bb9c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 10.06-7.294L20.001 0v31.03c0 14.383-10.123 26.395-23.631 29.316A29.858 29.858 0 0 0 0 46.031Z"
transform="translate(440.352 43.117)"
fill="#9bb9c3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-13.116a7.5 7.5 0 0 0-7.5-7.5l-381.205-.001c0-8.284 6.716-15 15-15H5.001c8.285 0 15 6.716 15 15V0z"
transform="translate(440.352 43.117)"
fill="#87a0af"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-348.706c-16.568 0-30-13.431-30-30v-51.648c0-8.284 6.716-15 15-15H15c8.284 0 15 6.716 15 15V-30C30-13.431 16.569 0 0 0Z"
transform="translate(430.353 104.147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h23.884c8.285 0 15-6.716 15-15v-15"
transform="translate(307.12 134.148)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15c0 8.284 6.716 15 15 15h96.121"
transform="translate(165.996 104.147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h41.469c8.284 0 15-6.716 15-15v-15"
transform="translate(259.532 164.148)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h102.291"
transform="translate(358.062 43.117)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h276.412"
transform="translate(51.647 43.117)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-16.537-19.378-41.139-31.664-68.611-31.664-49.795 0-90.162 40.366-90.162 90.161s40.367 90.162 90.162 90.162c49.795 0 90.161-40.367 90.161-90.162"
transform="translate(324.611 355.841)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a90.045 90.045 0 0 0-4.851-29.25"
transform="translate(346.162 414.338)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v15c0 8.284 6.716 15 15 15h18.53v162.029"
transform="translate(195.999 134.148)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v163.981"
transform="translate(282.47 164.148)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v16.791c0 8.284-6.716 15-15 15h-16.707c-8.284 0-15-6.716-15-15V0"
transform="translate(128.354 104.147)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v23.765"
transform="translate(94.412 43.117)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v23.765"
transform="translate(128.354 43.117)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v23.765"
transform="translate(162.296 43.117)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category