Add icons to this collection by clicking the heart icon.
Controller icon - also known as joystick, controller, video game, gamepad, game controller, mobile, gaming, game console, and mobile game. Created in a clean blue 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 44 60"
>
<g fill="none" fill-rule="evenodd">
<path
fill="#e7ecfa"
d="M39 4v23a2.006 2.006 0 0 1-2 2H7a2.006 2.006 0 0 1-2-2V4a3 3 0 0 1 3-3h28a3 3 0 0 1 3 3z"
/>
<path
fill="#c8d7f9"
d="M36 1h-3a3 3 0 0 1 3 3v23a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2V4a3 3 0 0 0-3-3z"
/>
<path
fill="#a2c0f3"
d="m32 1-2.861 3.052A3 3 0 0 1 26.95 5h-9.9a3 3 0 0 1-2.189-.948L12 1zM43 18v37a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4V18a2.006 2.006 0 0 1 2-2h2v11a2.006 2.006 0 0 0 2 2h30a2.006 2.006 0 0 0 2-2V16h2a2.006 2.006 0 0 1 2 2z"
/>
<path
fill="#7da9f5"
d="M41 16h-2v.279A2 2 0 0 1 40 18v37a4 4 0 0 1-4 4h3a4 4 0 0 0 4-4V18a2.006 2.006 0 0 0-2-2z"
/>
<g fill="#c4d6f8" transform="translate(1 1)">
<path
d="M14 42v3a2 2 0 1 1-4 0v-3H7a2 2 0 1 1 0-4h3v-3a2 2 0 1 1 4 0v3h3a2 2 0 1 1 0 4z"
/>
<circle cx="26" cy="40" r="2" />
<circle cx="34" cy="40" r="2" />
</g>
<path
fill="#fff"
d="M5 16H3a2.006 2.006 0 0 0-2 2v37a4 4 0 0 0 4 4h3a4 4 0 0 1-4-4V18a2.006 2.006 0 0 1 2-2z"
/>
<path fill="#fff" d="M0 18h2v8H0z" />
<g fill="#3f89f9">
<circle cx="1" cy="22" r="1" />
<path
fill-rule="nonzero"
d="M5 60h34a5.006 5.006 0 0 0 5-5V18a3 3 0 0 0-3-3h-1V4a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v11H3a3 3 0 0 0-3 3 1 1 0 0 0 2 0 1 1 0 0 1 1-1h1v10a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3V17h1a1 1 0 0 1 1 1v37a3 3 0 0 1-3 3H5a3 3 0 0 1-3-3V26a1 1 0 0 0-2 0v29a5.006 5.006 0 0 0 5 5zM29.691 2l-1.283 1.368A2 2 0 0 1 26.95 4h-9.9c-.553 0-1.08-.23-1.459-.632L14.309 2zM38 27a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V4a2 2 0 0 1 2-2h3.567l2.565 2.736A4.017 4.017 0 0 0 17.05 6h9.9a4.011 4.011 0 0 0 2.918-1.264L32.433 2H36a2 2 0 0 1 2 2z"
/>
<path
fill-rule="nonzero"
d="M13 33a3 3 0 0 0-3 3v2H8a3 3 0 0 0 0 6h2v2a3 3 0 0 0 6 0v-2h2a3 3 0 0 0 0-6h-2v-2a3 3 0 0 0-3-3zm6 8a1 1 0 0 1-1 1h-3a1 1 0 0 0-1 1v3a1 1 0 0 1-2 0v-3a1 1 0 0 0-1-1H8a1 1 0 0 1 0-2h3a1 1 0 0 0 1-1v-3a1 1 0 0 1 2 0v3a1 1 0 0 0 1 1h3a1 1 0 0 1 1 1z"
/>
<path
d="M16 52a1 1 0 0 0 0 2h3a1 1 0 0 0 0-2zM25 54h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2z"
/>
<path
fill-rule="nonzero"
d="M27 44a3 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-2zM38 41a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-4 0a1 1 0 1 1 2 0 1 1 0 0 1-2 0z"
/>
<path
d="M9 13a1 1 0 0 0 .707-.293l3-3a1 1 0 0 0-1.414-1.414l-3 3A1 1 0 0 0 9 13zM17.293 8.293l-9 9a1 1 0 1 0 1.414 1.414l9-9a1 1 0 0 0-1.414-1.414z"
/>
</g>
</g>
</svg>
More icons in the same style and category