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 blue style with a white 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">
<path
fill="#cad9fc"
d="M33 7v21H23a7.011 7.011 0 0 0-6.72 5.02l-4.69 15.99-.02-.01H4a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3h6v4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4h6a3 3 0 0 1 3 3z"
/>
<path
fill="#e8edfc"
d="M29 9v19h-6a7.011 7.011 0 0 0-6.72 5.02L12.76 45H6a1 1 0 0 1-1-1V9a1 1 0 0 1 1-1h4a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1h4a1 1 0 0 1 1 1z"
/>
<path
fill="#cad9fc"
d="M8 9h3a1 1 0 0 1-1-1H7a1 1 0 0 0 1 1zM28 8h-3a1 1 0 0 1 1 1v19h3V9a1 1 0 0 0-1-1zM13.28 33.02 9.76 45h3l3.52-11.98A7.011 7.011 0 0 1 23 28h-3a7.011 7.011 0 0 0-6.72 5.02z"
/>
<g fill="#e8edfc" transform="translate(1 1)">
<path
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" />
<circle cx="10" cy="22" r="2" />
<circle cx="10" cy="30" r="2" />
<path
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"
/>
</g>
<path
fill="#cad9fc"
d="m23.35 48.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 28.27 47h-3a1.992 1.992 0 0 0-1.92 1.44zM58.71 50.02l-4.99-17A7.011 7.011 0 0 0 47 28h-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 52 59c.67 0 1.336-.095 1.98-.28a7.023 7.023 0 0 0 4.73-8.7z"
/>
<path
fill="#fff"
d="M4 49h3a3 3 0 0 1-3-3V7a3 3 0 0 1 3-3H4a3 3 0 0 0-3 3v39a3 3 0 0 0 3 3z"
/>
<path fill="#fff" d="M0 7h2v8H0z" />
<g fill="#428dff">
<circle cx="1" cy="11" r="1" />
<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 4 1 1 0 1 0 2 0 2 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-2V15a1 1 0 0 0-2 0v31a4 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 2zM13.545 4a2 2 0 0 0 1.733-1.012 2 2 0 0 1 3.444 0A2 2 0 0 0 20.455 4H23v4H11V4zM6 44V9h3.278c.354.617 1.01.998 1.722 1h12a1.993 1.993 0 0 0 1.722-1H28v18h-5a8.056 8.056 0 0 0-7.677 5.737L12.013 44z"
/>
<circle cx="17" cy="5" r="1" />
<path
d="M17 16h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2zM11 12a3 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 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