Add icons to this collection by clicking the heart icon.
Controller icon - also known as joystick, controller, flight, electronics, gaming, augmented reality, and vr. Created in a clean lineal color style with a white, silver, gray, black, red, orange, 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="M407.818 504.5H104.182C88.618 504.5 76 491.882 76 476.318v-73.29c0-15.565 12.618-28.182 28.182-28.182h303.636c15.565 0 28.182 12.618 28.182 28.182v73.29c0 15.564-12.618 28.182-28.182 28.182z"
fill="#ceb4dd"
/>
<path
d="M407.818 374.846h-30c15.565 0 28.182 12.617 28.182 28.182v73.29c0 15.564-12.617 28.182-28.182 28.182h30c15.565 0 28.182-12.618 28.182-28.182v-73.29c0-15.564-12.617-28.182-28.182-28.182z"
fill="#c2a1d5"
/>
<path
d="M355.405 456h-208c-9.389 0-17-7.611-17-17s7.611-17 17-17h208c9.389 0 17 7.611 17 17s-7.611 17-17 17z"
fill="#8d9ca8"
/>
<path
d="M376.241 374.846h-242v-18.295c0-6.465 5.241-11.705 11.705-11.705h218.59c6.465 0 11.705 5.241 11.705 11.705v18.295z"
fill="#fedba6"
/>
<path
d="M364.536 344.846h-30c6.465 0 11.705 5.24 11.705 11.705v18.295h30v-18.295c0-6.464-5.241-11.705-11.705-11.705z"
fill="#fece85"
/>
<path
d="M302.587 295.769h-94.692c-12.511 0-22.654-10.142-22.654-22.654V155.769h140v117.346c0 12.512-10.142 22.654-22.654 22.654z"
fill="#b5adb6"
/>
<path
d="M295.241 155.769v117.346c0 12.511-10.142 22.654-22.654 22.654h30c12.511 0 22.654-10.143 22.654-22.654V155.769h-30z"
fill="#a79ba7"
/>
<path d="M224.241 295.769h62v49.077h-62z" fill="#8d9ca8" />
<path d="M256.241 295.769h30v49.077h-30z" fill="#7a8c98" />
<path
d="M255.241 256c-8.284 0-15-6.716-15-15v-45.5h30V241c0 8.284-6.716 15-15 15z"
fill="#fedba6"
/>
<path
d="M351.241 39.083v77.066a81.28 81.28 0 0 1-25.564 59.179l-11.046 10.4a35.94 35.94 0 0 1-24.636 9.772h-69.508a35.941 35.941 0 0 1-24.636-9.772l-11.046-10.4a81.28 81.28 0 0 1-25.564-59.179V39.083c0-17.443 14.14-31.583 31.583-31.583h128.833c17.444 0 31.584 14.14 31.584 31.583z"
fill="#f9f3f1"
/>
<path
d="M319.658 7.5h-30c17.443 0 31.583 14.14 31.583 31.583v77.066a81.28 81.28 0 0 1-25.564 59.179l-11.046 10.4a35.939 35.939 0 0 1-24.635 9.772h30a35.937 35.937 0 0 0 24.635-9.772l11.046-10.4a81.28 81.28 0 0 0 25.564-59.179V39.083c0-17.443-14.14-31.583-31.583-31.583z"
fill="#f3eae6"
/>
<path
d="M159.241 115.462h-22.397a7.603 7.603 0 0 1-7.603-7.603V63.064a7.603 7.603 0 0 1 7.603-7.603h22.397v60.001zM373.638 115.462h-22.397v-60h22.397a7.603 7.603 0 0 1 7.603 7.603v44.795a7.603 7.603 0 0 1-7.603 7.602z"
fill="#fd4755"
/>
<circle cx="255.241" cy="83.318" r="46" fill="#fe646f" />
<path
d="M255.241 37.318c-5.254 0-10.297.893-15 2.515 18.037 6.221 31 23.334 31 43.485s-12.963 37.264-31 43.485a45.914 45.914 0 0 0 15 2.515c25.405 0 46-20.595 46-46s-20.595-46-46-46z"
fill="#fd4755"
/>
<path
d="M313.575 504.5H104.182C88.618 504.5 76 491.882 76 476.318v-73.29c0-15.565 12.618-28.182 28.182-28.182h303.636c15.565 0 28.182 12.618 28.182 28.182v73.29c0 15.565-12.618 28.182-28.182 28.182h-59.266"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M376.241 374.846h-242v-18.295c0-6.465 5.241-11.705 11.705-11.705h218.59c6.465 0 11.705 5.241 11.705 11.705v18.295zM355.405 456h-208c-9.389 0-17-7.611-17-17v0c0-9.389 7.611-17 17-17h208c9.389 0 17 7.611 17 17v0c0 9.389-7.611 17-17 17zM325.241 178v95.115c0 12.511-10.142 22.654-22.654 22.654h-94.692c-12.511 0-22.654-10.142-22.654-22.654v-94.549M224.241 295.769h62v49.077h-62zM187.959 219.974h14.769M187.959 250.333h14.769M307.754 219.974h14.769M307.754 250.333h14.769"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M255.241 256h0c-8.284 0-15-6.716-15-15v-45.5h30V241c0 8.284-6.716 15-15 15z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="255.241"
cy="83.318"
r="46"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M243.622 7.5h76.036c17.443 0 31.583 14.14 31.583 31.583v77.066a81.28 81.28 0 0 1-25.564 59.179l-11.046 10.4a35.94 35.94 0 0 1-24.636 9.772h-69.508a35.941 35.941 0 0 1-24.636-9.772l-11.046-10.4a81.28 81.28 0 0 1-25.564-59.179V39.083c0-17.443 14.14-31.583 31.583-31.583h18.417"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M159.241 115.462h-22.397a7.603 7.603 0 0 1-7.603-7.603V63.064a7.603 7.603 0 0 1 7.603-7.603h22.397v60.001zM373.638 115.462h-22.397v-60h22.397a7.603 7.603 0 0 1 7.603 7.603v44.795a7.603 7.603 0 0 1-7.603 7.602zM78.318 414.436h19.077M78.318 462.231h19.077M413.087 414.436h19.077M413.087 462.231h19.077"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category