Add icons to this collection by clicking the heart icon.
Controller icon - also known as clipboard, play, game, controller, tasks, and business and finance. Created in a clean lineal color style with a silver, gray, black, olive, teal, 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 60 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<path
fill="#ff9801"
d="M32 6v21H22a7.011 7.011 0 0 0-6.72 5.02l-4.69 15.99-.02-.01H3a3 3 0 0 1-3-3V6a3 3 0 0 1 3-3h6v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3h6a3 3 0 0 1 3 3z"
/>
<path
fill="#ffe0b2"
d="M28 8v19h-6a7.011 7.011 0 0 0-6.72 5.02L11.76 44H5a1 1 0 0 1-1-1V8a1 1 0 0 1 1-1h4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1h4a1 1 0 0 1 1 1z"
/>
<g fill="#dfc49c">
<path
d="M7 8h3a1 1 0 0 1-1-1H6a1 1 0 0 0 1 1zM27 7h-3a1 1 0 0 1 1 1v19h3V8a1 1 0 0 0-1-1zM12.28 32.02 8.76 44h3l3.52-11.98A7.011 7.011 0 0 1 22 27h-3a7.011 7.011 0 0 0-6.72 5.02z"
/>
</g>
<path
fill="#9e9e9e"
d="M23 3v4a1 1 0 0 1-1 1H10a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h2.55a1 1 0 0 0 .86-.51 3 3 0 0 1 5.18 0 1 1 0 0 0 .86.51H22a1 1 0 0 1 1 1z"
/>
<circle cx="10" cy="14" r="2" fill="#a4c400" />
<circle cx="10" cy="22" r="2" fill="#a4c400" />
<circle cx="10" cy="30" r="2" fill="#a4c400" />
<path
fill="#02a9f4"
d="M52.98 57.72c-.644.185-1.31.28-1.98.28a7.016 7.016 0 0 1-6.72-5.02l-1.63-5.54A1.992 1.992 0 0 0 40.73 46H27.27a1.992 1.992 0 0 0-1.92 1.44l-1.63 5.54a7 7 0 1 1-13.43-3.96l.3-1.01L11.76 44l3.52-11.98A7.011 7.011 0 0 1 22 27h24a7.011 7.011 0 0 1 6.72 5.02l4.99 17a7.023 7.023 0 0 1-4.73 8.7z"
/>
<path
fill="#0377bc"
d="m22.35 47.44-1.63 5.54a7.022 7.022 0 0 1-5.22 4.854 7.024 7.024 0 0 0 8.22-4.854l1.63-5.54A1.992 1.992 0 0 1 27.27 46h-3a1.992 1.992 0 0 0-1.92 1.44zM57.71 49.02l-4.99-17A7.011 7.011 0 0 0 46 27h-3a7.011 7.011 0 0 1 6.72 5.02l4.99 17a7.023 7.023 0 0 1-4.73 8.7c-.155.045-.311.065-.467.1A6.9 6.9 0 0 0 51 58c.67 0 1.336-.095 1.98-.28a7.023 7.023 0 0 0 4.73-8.7z"
/>
</g>
<g fill="#000">
<path
d="M4 50h6.263a8 8 0 0 0 15.419 4.261l1.628-5.544a1 1 0 0 1 .959-.717h13.462a1 1 0 0 1 .959.719l1.629 5.545A8.054 8.054 0 0 0 52 60c.763 0 1.523-.107 2.256-.318h.009a8.033 8.033 0 0 0 5.413-9.941l-5-17A8.055 8.055 0 0 0 47 27H34V7a4 4 0 0 0-4-4h-5.278A1.993 1.993 0 0 0 23 2l-2.542-.006A3.99 3.99 0 0 0 13.545 2H11a1.993 1.993 0 0 0-1.722 1H4a4 4 0 0 0-4 4v39a4 4 0 0 0 4 4zm48.757-16.7 5 17a6.029 6.029 0 0 1-4.062 7.458c-.55.16-1.121.24-1.695.242a6.042 6.042 0 0 1-5.759-4.3l-1.628-5.542A3.015 3.015 0 0 0 41.731 46H28.269a3.015 3.015 0 0 0-2.878 2.154l-1.627 5.54A6.004 6.004 0 1 1 12.245 50.3l5-17A6.044 6.044 0 0 1 23 29h24a6.045 6.045 0 0 1 5.757 4.3zM32 7v20h-2V9a2 2 0 0 0-2-2h-3V5h5a2 2 0 0 1 2 2zM11 4h2.545a2 2 0 0 0 1.733-1.012 2 2 0 0 1 3.444 0A2 2 0 0 0 20.455 4H23v4H11zm12 6a1.993 1.993 0 0 0 1.722-1H28v18h-5a8.056 8.056 0 0 0-7.677 5.737L12.013 44H6V9h3.278c.354.617 1.01.998 1.722 1zM2 7a2 2 0 0 1 2-2h5v2H6a2 2 0 0 0-2 2v35a2 2 0 0 0 2 2h5.424l-.588 2H4a2 2 0 0 1-2-2z"
/>
<circle cx="17" cy="5" r="1" />
<path
d="M17 16h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2zM8 15a3 3 0 1 0 6 0 3 3 0 0 0-6 0zm3-1a1 1 0 1 1 0 2 1 1 0 0 1 0-2zM17 24h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2zM11 20a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM11 28a3 3 0 1 0 0 6 3 3 0 0 0 0-6zm0 4a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM23 36a1 1 0 0 0 2 0v-2a1 1 0 0 0-2 0zM26 39h2a1 1 0 0 0 0-2h-2a1 1 0 0 0 0 2zM24 39a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1zM22 37h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM43 39a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM49 39a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM46 36a1 1 0 1 0 0-2 1 1 0 0 0 0 2zM46 42a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category