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 flat style with a white, silver, gray, 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
fill="#fd4755"
d="M169.775 111.22h-36.529a7.832 7.832 0 0 1-7.832-7.832V57.241a7.832 7.832 0 0 1 7.832-7.832h36.529zM377.188 111.22h-46.11V49.409h46.11a7.832 7.832 0 0 1 7.832 7.832v46.147a7.833 7.833 0 0 1-7.832 7.832z"
/>
<path fill="#8d9ca8" d="M223.281 280.706h63.871v83.085h-63.871z" />
<path fill="#7a8c98" d="M256.247 280.706h30.905v83.085h-30.905z" />
<path
fill="#fedba6"
d="M379.869 391.504H130.565v-31.918c0-6.66 5.399-12.058 12.058-12.058H367.81c6.66 0 12.058 5.399 12.058 12.058v31.918z"
/>
<path
fill="#fece85"
d="M367.81 347.528h-30.905c6.66 0 12.058 5.399 12.058 12.058v31.918h30.905v-31.918c.001-6.66-5.398-12.058-12.058-12.058z"
/>
<path
fill="#b5adb6"
d="M327.329 152.74v120.89c0 12.89-10.45 23.34-23.34 23.34h-97.55c-12.89 0-23.33-10.45-23.33-23.34V152.74z"
/>
<path
fill="#a79ba7"
d="M296.424 152.744v120.888c0 12.889-10.449 23.338-23.338 23.338h30.905c12.889 0 23.338-10.449 23.338-23.338V152.744z"
/>
<path
fill="#fedba6"
d="M255.217 256c-8.534 0-15.453-6.918-15.453-15.453v-46.873h30.905v46.873c.001 8.535-6.918 15.453-15.452 15.453z"
/>
<g fill="#918291">
<path
d="M205.249 218.89c0 4.14-3.36 7.5-7.5 7.5h-14.64v-15h14.64c4.14 0 7.5 3.36 7.5 7.5zM205.249 250.16c0 4.14-3.36 7.5-7.5 7.5h-14.64v-15h14.64c4.14 0 7.5 3.36 7.5 7.5zM327.329 211.39v15h-14.65c-4.14 0-7.5-3.36-7.5-7.5s3.36-7.5 7.5-7.5zM327.329 242.66v15h-14.65c-4.14 0-7.5-3.36-7.5-7.5s3.36-7.5 7.5-7.5z"
/>
</g>
<path
fill="#f9f3f1"
d="M354.114 32.537v79.392a83.731 83.731 0 0 1-26.336 60.965l-11.38 10.714a37.025 37.025 0 0 1-25.379 10.067h-71.606a37.025 37.025 0 0 1-25.379-10.067l-11.38-10.714a83.735 83.735 0 0 1-26.336-60.965V32.537C156.319 14.567 170.887 0 188.856 0h132.722c17.969 0 32.536 14.567 32.536 32.537z"
/>
<path
fill="#f3eae6"
d="M321.578 0h-30.905c17.969 0 32.537 14.567 32.537 32.536v79.392a83.731 83.731 0 0 1-26.336 60.965l-11.38 10.714a37.025 37.025 0 0 1-25.379 10.067h30.905a37.025 37.025 0 0 0 25.379-10.067l11.38-10.714a83.735 83.735 0 0 0 26.336-60.965V32.536C354.114 14.567 339.547 0 321.578 0z"
/>
<circle cx="255.217" cy="78.106" r="47.388" fill="#fe646f" />
<path
fill="#fd4755"
d="M255.217 30.718c-5.413 0-10.608.92-15.453 2.591 18.582 6.409 31.936 24.038 31.936 44.797s-13.354 38.388-31.936 44.797a47.298 47.298 0 0 0 15.453 2.591c26.172 0 47.388-21.216 47.388-47.388s-21.216-47.388-47.388-47.388z"
/>
<path
fill="#ceb4dd"
d="M441.429 407.47v75.5c0 16.03-13 29.03-29.03 29.03h-312.8c-16.03 0-29.03-13-29.03-29.03v-75.5c0-16.04 13-29.04 29.03-29.04h312.8c16.03 0 29.03 13 29.03 29.04z"
/>
<path
fill="#c2a1d5"
d="M412.399 378.433h-30.905c16.034 0 29.033 12.998 29.033 29.033v75.502c0 16.034-12.998 29.033-29.033 29.033h30.905c16.034 0 29.033-12.999 29.033-29.033v-75.502c-.001-16.035-12.999-29.033-29.033-29.033z"
/>
<path
fill="#8d9ca8"
d="M358.404 462.036H144.126c-9.672 0-17.513-7.841-17.513-17.513s7.841-17.513 17.513-17.513h214.278c9.672 0 17.513 7.841 17.513 17.513s-7.841 17.513-17.513 17.513z"
/>
<g fill="#b289c9">
<path
d="M95.359 419.22c0 4.14-3.35 7.5-7.5 7.5h-17.29v-15h17.29c4.15 0 7.5 3.36 7.5 7.5zM95.359 468.46c0 4.14-3.35 7.5-7.5 7.5h-17.29v-15h17.29c4.15 0 7.5 3.35 7.5 7.5zM441.429 411.72v15h-18.86c-4.14 0-7.5-3.36-7.5-7.5s3.36-7.5 7.5-7.5zM441.429 460.96v15h-18.86c-4.14 0-7.5-3.36-7.5-7.5 0-4.15 3.36-7.5 7.5-7.5z"
/>
</g>
</svg>
More icons in the same style and category