Add icons to this collection by clicking the heart icon.
Controller icon - also known as interface, play, controller, buttons, design, ui, setup, options, and gaming. Created in a clean lineal color style, 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 60 60"
>
<path
fill="#00bcd4"
d="M20.08 47H4a3 3 0 0 1-3-3V4a3 3 0 0 1 3-3h40a3 3 0 0 1 3 3v28z"
/>
<path
fill="#00838f"
d="M44 1h-3a3 3 0 0 1 3 3v28L17.08 47h3L47 32V4a3 3 0 0 0-3-3z"
/>
<path
fill="#f5f5f5"
d="M54.642 59a4.352 4.352 0 0 1-4.042-2.74l-2.13-5.32A3.085 3.085 0 0 0 45.611 49H32.389a3.085 3.085 0 0 0-2.86 1.94L27.4 56.26A4.355 4.355 0 0 1 19.048 54l2.37-16.03A7.006 7.006 0 0 1 28.349 32h21.3a7.006 7.006 0 0 1 6.931 5.97L58.952 54a4.357 4.357 0 0 1-4.31 5z"
/>
<path
fill="#cfd8dc"
d="M26.529 50.94 24.4 56.26a4.324 4.324 0 0 1-1.6 1.99 4.263 4.263 0 0 1-.952.477A4.348 4.348 0 0 0 27.4 56.26l2.13-5.32A3.085 3.085 0 0 1 32.389 49h-3a3.085 3.085 0 0 0-2.86 1.94zM58.952 54l-2.37-16.03A7.006 7.006 0 0 0 49.651 32h-3a7.006 7.006 0 0 1 6.931 5.97L55.952 54a4.357 4.357 0 0 1-2.8 4.727 4.336 4.336 0 0 0 5.8-4.727z"
/>
<g fill="#f5f5f5">
<path
d="M7 22v18a2 2 0 0 0 4 0V8a2.015 2.015 0 0 0-2-2 2.006 2.006 0 0 0-2 2zM41 8v3h-4V8a2.006 2.006 0 0 1 2-2 2.015 2.015 0 0 1 2 2zM37 15h4v17h-4zM26 32.41V27h-4v9.05zM22 23V8a2.006 2.006 0 0 1 2-2 2.015 2.015 0 0 1 2 2v15"
/>
</g>
<rect width="8" height="4" x="5" y="18" fill="#3f51b5" rx="1" />
<path
fill="#283593"
d="M12 18H9a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
/>
<rect width="8" height="4" x="20" y="23" fill="#3f51b5" rx="1" />
<path
fill="#283593"
d="M27 23h-3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
/>
<path
fill="#3f51b5"
d="M41 11h1a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h-6a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1z"
/>
<path
fill="#283593"
d="M42 11h-3a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
/>
<g>
<path
d="M28 37v2h-2a1 1 0 0 0 0 2h2v2a1 1 0 0 0 2 0v-2h2a1 1 0 0 0 0-2h-2v-2a1 1 0 0 0-2 0zM35 46h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM42 46h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM49 39a1 1 0 0 0 1-1v-1a1 1 0 0 0-2 0v1a1 1 0 0 0 1 1zM49 41a1 1 0 0 0-1 1v1a1 1 0 0 0 2 0v-1a1 1 0 0 0-1-1zM46 41h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2zM51 41h1a1 1 0 0 0 0-2h-1a1 1 0 0 0 0 2z"
/>
<path
d="M4 48h14.924l-.865 5.854A5.357 5.357 0 0 0 23.358 60a5.353 5.353 0 0 0 4.969-3.368l2.13-5.32A2.076 2.076 0 0 1 32.39 50h13.22a2.074 2.074 0 0 1 1.932 1.312l2.13 5.317A5.351 5.351 0 0 0 54.642 60a5.357 5.357 0 0 0 5.3-6.146l-2.37-16.032A8.053 8.053 0 0 0 49.651 31H48V4a4 4 0 0 0-4-4H4a4 4 0 0 0-4 4v40a4 4 0 0 0 4 4zm51.593-9.884 2.37 16.03a3.363 3.363 0 0 1-.78 2.691 3.431 3.431 0 0 1-4.424.583 3.343 3.343 0 0 1-1.229-1.532l-2.13-5.321A4.067 4.067 0 0 0 45.61 48H32.39a4.068 4.068 0 0 0-3.79 2.568l-2.131 5.322a3.344 3.344 0 0 1-1.236 1.535 3.439 3.439 0 0 1-4.416-.588 3.363 3.363 0 0 1-.78-2.691l2.37-16.029A6.042 6.042 0 0 1 28.349 33h21.3a6.042 6.042 0 0 1 5.944 5.116zM25 22h-2V8a1 1 0 0 1 1-1 .978.978 0 0 1 .713.306A.965.965 0 0 1 25 8zm2 2v2h-6v-2zm-2 4v3.749a8.111 8.111 0 0 0-2 1.326V28zm12-16h5v2h-6v-2zm3-2h-2V8a1 1 0 0 1 1-1 .976.976 0 0 1 .713.306A.965.965 0 0 1 40 8zm-2 6h2v15h-2zM2 4a2 2 0 0 1 2-2h40a2 2 0 0 1 2 2v27h-4V16a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2V8a3.013 3.013 0 0 0-3-3 3 3 0 0 0-3 3v2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2v15h-7.651a7.915 7.915 0 0 0-1.349.12V28a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2V8a3.015 3.015 0 0 0-3-3 3 3 0 0 0-3 3v14a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2v7.843a7.838 7.838 0 0 0-.571 1.98L19.22 46H4a2 2 0 0 1-2-2z"
/>
<path
d="M6 23v17a3 3 0 0 0 6 0V23a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2V8a3.015 3.015 0 0 0-3-3 3 3 0 0 0-3 3v9a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2zm4 17a1 1 0 0 1-2 0V23h2zM8 8a1 1 0 0 1 1-1 .978.978 0 0 1 .713.306A.965.965 0 0 1 10 8v9H8zM6 19h6v2H6z"
/>
</g>
</svg>
More icons in the same style and category