Add icons to this collection by clicking the heart icon.
Controller icon - also known as play, game, controller, control, gamepad, and gaming. Created in a clean lineal color style with a black, teal, and navy 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 11)">
<path
fill="#02a8f3"
d="M58 19.883v25.072a2 2 0 0 1-1.045 1.761A12.412 12.412 0 0 1 51 48c-2.153.089-4.29-.4-6.189-1.417a1.968 1.968 0 0 1-.938-1.406L42.52 36.39A4 4 0 0 0 38.568 33H19.43a4 4 0 0 0-3.95 3.388l-1.353 8.789a1.968 1.968 0 0 1-.938 1.406A12.064 12.064 0 0 1 7 48a12.412 12.412 0 0 1-5.955-1.284A2 2 0 0 1 0 44.955V19.832a1.964 1.964 0 0 1 1.6-1.96A9.976 9.976 0 0 0 7 15.139a9.983 9.983 0 0 0 2.866-5.5A2.021 2.021 0 0 1 11.883 8h34.285a1.964 1.964 0 0 1 1.96 1.6 10.016 10.016 0 0 0 8.23 8.262A2.021 2.021 0 0 1 58 19.883z"
/>
<path
fill="#0377bb"
d="M56.358 17.866a10.016 10.016 0 0 1-8.23-8.262 1.964 1.964 0 0 0-1.96-1.6h-3a1.964 1.964 0 0 1 1.96 1.6 10.016 10.016 0 0 0 8.23 8.262A2.021 2.021 0 0 1 55 19.883v25.072a2 2 0 0 1-1.045 1.761 11.475 11.475 0 0 1-4.455 1.213c.469.041.96.071 1.5.071 2.06.073 4.107-.368 5.955-1.284A2 2 0 0 0 58 44.955V19.883a2.021 2.021 0 0 0-1.642-2.017z"
/>
<path
fill="#3f51b4"
d="M22 4h14a2 2 0 0 1 2 2v2H20V6a2 2 0 0 1 2-2z"
/>
<path
fill="#283592"
d="M36 4h-3a2 2 0 0 1 2 2v2h3V6a2 2 0 0 0-2-2zM28 0h2a2 2 0 0 1 2 2v2h-6V2a2 2 0 0 1 2-2z"
/>
<rect width="12" height="4" x="23" y="12" fill="#3f51b4" rx="2" />
<path fill="#283592" d="M33 12h-3a2 2 0 1 1 0 4h3a2 2 0 1 0 0-4z" />
<rect width="12" height="4" x="23" y="20" fill="#3f51b4" rx="2" />
<path fill="#283592" d="M33 20h-3a2 2 0 1 1 0 4h3a2 2 0 1 0 0-4z" />
</g>
<g fill="#000">
<path
d="M57.521 27.879a9.015 9.015 0 0 1-7.406-7.434A2.977 2.977 0 0 0 47.168 18H40v-1a3 3 0 0 0-3-3h-3v-1a3 3 0 0 0-3-3V9a2 2 0 0 1 2-2h6a4 4 0 0 0 4-4V1a1 1 0 0 0-2 0v2a2 2 0 0 1-2 2h-6a4 4 0 0 0-4 4v1a3 3 0 0 0-3 3v1h-3a3 3 0 0 0-3 3v1h-7.118a3.038 3.038 0 0 0-3 2.479A8.929 8.929 0 0 1 7.3 25.425a8.94 8.94 0 0 1-4.855 2.46A2.977 2.977 0 0 0 0 30.832v25.124A3 3 0 0 0 1.569 58.6 13.385 13.385 0 0 0 8 60a13 13 0 0 0 6.7-1.556 2.961 2.961 0 0 0 1.418-2.115l1.354-8.789A2.978 2.978 0 0 1 20.43 45h19.138a2.982 2.982 0 0 1 2.964 2.542l1.353 8.787c.13.882.649 1.659 1.415 2.115A13 13 0 0 0 52 60a13.377 13.377 0 0 0 6.43-1.4A3 3 0 0 0 60 55.956V30.882a3.038 3.038 0 0 0-2.479-3.003zM28 13a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1h-4zm-6 4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v1H22zm36 38.956a1 1 0 0 1-.521.88A11.411 11.411 0 0 1 52 58a11.133 11.133 0 0 1-5.681-1.278.973.973 0 0 1-.458-.7l-1.353-8.786A4.971 4.971 0 0 0 39.568 43H20.43a4.969 4.969 0 0 0-4.938 4.236l-1.353 8.788a.973.973 0 0 1-.458.7A11.133 11.133 0 0 1 8 58a11.4 11.4 0 0 1-5.479-1.165A1 1 0 0 1 2 55.956V30.832a.964.964 0 0 1 .764-.973A10.928 10.928 0 0 0 8.7 26.853a10.93 10.93 0 0 0 3.152-6.048 1.02 1.02 0 0 1 1.029-.8h34.287a.964.964 0 0 1 .973.764 11.014 11.014 0 0 0 9.059 9.084c.48.106.816.538.8 1.029z"
/>
<path
d="M34 22h-8a3 3 0 0 0 0 6h8a3 3 0 0 0 0-6zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM34 30h-8a3 3 0 0 0 0 6h8a3 3 0 0 0 0-6zm0 4h-8a1 1 0 0 1 0-2h8a1 1 0 0 1 0 2zM33 38h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0-2zM9 34H7a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM17 34h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM12 37a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1zM12 29a1 1 0 0 0-1 1v2a1 1 0 0 0 2 0v-2a1 1 0 0 0-1-1z"
/>
<circle cx="52" cy="35" r="1" />
<circle cx="49" cy="32" r="1" />
<circle cx="49" cy="38" r="1" />
<circle cx="46" cy="35" r="1" />
</g>
</g>
</svg>
More icons in the same style and category