Add icons to this collection by clicking the heart icon.
Controller icon - also known as technology, joystick, controller, industry, multimedia, and conveyor belt. Created in a clean flat style with a white, black, red, olive, teal, 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="#ff6378"
d="M156 190h-40a14.998 14.998 0 0 1-13.416-8.292l-35.278-70.557c-11.991-23.982-10.734-51.917 3.361-74.725C84.764 13.617 109.188 0 136 0s51.236 13.617 65.333 36.426c14.096 22.808 15.353 50.743 3.361 74.725l-35.278 70.557A14.998 14.998 0 0 1 156 190z"
/>
<path
fill="#e20059"
d="m169.416 181.708 35.278-70.557c11.991-23.982 10.734-51.917-3.361-74.725C187.236 13.617 162.812 0 136 0v190h20c5.682 0 10.876-3.21 13.416-8.292z"
/>
<path
fill="#f1f4f6"
d="M101 178.54V257c0 8.284 6.716 15 15 15h40c8.284 0 15-6.716 15-15v-78.46z"
/>
<path
fill="#e2e2ea"
d="M171 257v-78.46h-35V272h20c8.284 0 15-6.716 15-15z"
/>
<path
fill="#0a617d"
d="M200.552 253.362A15 15 0 0 0 186 242H86a15 15 0 0 0-14.552 11.362L59.289 302c0 8.284 6.716 15 15 15h123.423c8.284 0 15-6.716 15-15z"
/>
<path
fill="#08475e"
d="M186 242h-50v75h61.711c8.284 0 15-6.716 15-15l-12.16-48.638A14.998 14.998 0 0 0 186 242z"
/>
<path
fill="#08475e"
d="M212.711 302H59.289l-17.84 71.362a14.995 14.995 0 0 0 2.729 12.869A14.996 14.996 0 0 0 56 392h160a15 15 0 0 0 14.552-18.638z"
/>
<path
fill="#05303d"
d="M230.552 373.362 212.711 302H136v90h80a15 15 0 0 0 14.552-18.638z"
/>
<path
fill="#85dc1e"
d="M396 190h-40a14.998 14.998 0 0 1-13.416-8.292l-35.278-70.557c-11.991-23.982-10.734-51.917 3.361-74.725C324.764 13.617 349.188 0 376 0s51.236 13.617 65.333 36.426c14.096 22.808 15.353 50.743 3.361 74.725l-35.278 70.557A14.998 14.998 0 0 1 396 190z"
/>
<path
fill="#00a763"
d="m409.416 181.708 35.278-70.557c11.991-23.982 10.734-51.917-3.361-74.725C427.236 13.617 402.812 0 376 0v190h20c5.682 0 10.876-3.21 13.416-8.292z"
/>
<path
fill="#f1f4f6"
d="M341 178.54V257c0 8.284 6.716 15 15 15h40c8.284 0 15-6.716 15-15v-78.46z"
/>
<path
fill="#e2e2ea"
d="M411 257v-78.46h-35V272h20c8.284 0 15-6.716 15-15z"
/>
<path
fill="#0a617d"
d="M440.552 253.362A15 15 0 0 0 426 242H326a15 15 0 0 0-14.552 11.362L299.289 302c0 8.284 6.716 15 15 15h123.423c8.284 0 15-6.716 15-15z"
/>
<path
fill="#08475e"
d="M426 242h-50v75h61.711c8.284 0 15-6.716 15-15l-12.16-48.638A14.998 14.998 0 0 0 426 242z"
/>
<path
fill="#08475e"
d="M452.711 302H299.289l-17.84 71.362a14.995 14.995 0 0 0 2.729 12.869A14.996 14.996 0 0 0 296 392h160a15 15 0 0 0 14.552-18.638z"
/>
<path
fill="#05303d"
d="M470.552 373.362 452.711 302H376v90h80a15 15 0 0 0 14.552-18.638z"
/>
<path
fill="#f1f4f6"
d="M0 497V377c0-8.284 6.716-15 15-15h482c8.284 0 15 6.716 15 15v120c0 8.284-6.716 15-15 15H15c-8.284 0-15-6.716-15-15z"
/>
<path
fill="#e2e2ea"
d="M497 362H256v150h241c8.284 0 15-6.716 15-15V377c0-8.284-6.716-15-15-15z"
/>
<circle cx="93.5" cy="437" r="15" fill="#0a617d" />
<circle cx="178.5" cy="437" r="15" fill="#0a617d" />
<g fill="#08475e">
<circle cx="418.5" cy="437" r="15" />
<circle cx="333.5" cy="437" r="15" />
</g>
</svg>
More icons in the same style and category