Add icons to this collection by clicking the heart icon.
Joystick icon - also known as game, joystick, controller, arcade stick, electronics, and gaming. Created in a clean lineal color style with a white, silver, and pink 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="512"
height="512"
viewBox="0 0 512 512"
>
<path d="M236 150v172h40V150" fill="#fff" />
<path
d="M316 362H196v-30c0-5.523 4.477-10 10-10h100c5.523 0 10 4.477 10 10v30z"
fill="#a7bdcd"
/>
<path
d="M316 362H196v-30c0-5.523 4.477-10 10-10h100c5.523 0 10 4.477 10 10v30z"
fill="none"
stroke="#8aa8bd"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M396 362h-40v-50c0-5.523 4.477-10 10-10h20c5.523 0 10 4.477 10 10v50z"
fill="#fff3d6"
/>
<path
d="M356 362v-50c0-5.523 4.477-10 10-10h20c5.523 0 10 4.477 10 10v50"
fill="none"
stroke="#8aa8bd"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M156 362h-40v-50c0-5.523 4.477-10 10-10h20c5.523 0 10 4.477 10 10v50z"
fill="#fff3d6"
/>
<path
d="M116 362v-50c0-5.523 4.477-10 10-10h20c5.523 0 10 4.477 10 10v50"
fill="none"
stroke="#8aa8bd"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path d="M376 462h40v40h-40z" fill="#a7bdcd" />
<path
d="M416 462v40h-40v-40"
fill="none"
stroke="#8aa8bd"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path d="M96 462h40v40H96z" fill="#fff" />
<path d="M96 462h40v40H96z" fill="#dce4e4" />
<path d="M136 462v40H96v-40" fill="#a7bdcd" />
<path
d="M436 462H76v-80c0-11.046 8.954-20 20-20h320c11.046 0 20 8.954 20 20v80z"
fill="#e2e9ee"
/>
<path
d="M76 462v-80c0-11.046 8.954-20 20-20h320c11.046 0 20 8.954 20 20v80H76zM136 462v40H96v-40"
fill="none"
stroke="#8aa8bd"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="256" cy="80" r="70" fill="#ffdfe5" />
<circle
cx="256"
cy="80"
r="70"
fill="none"
stroke="#8aa8bd"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M276 150v172M236 150v172"
fill="none"
stroke="#8aa8bd"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle cx="136" cy="412" r="10" fill="#fff" />
<circle cx="176" cy="412" r="10" fill="#fff" />
</svg>
More icons in the same style and category