Add icons to this collection by clicking the heart icon.
Controller icon - also known as play, game, joystick, controller, control, gamepad, and gaming. Created in a clean blue style with a white and silver 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="#e7ecfb"
d="M57.99 46H.01c.01-.11.03-.22.04-.33l3.63-18.06A2 2 0 0 1 5.64 26H10v7.33c-.01.5.141.991.43 1.4a3.235 3.235 0 0 0 5.14 0c.289-.409.44-.9.43-1.4V26h36.36a2 2 0 0 1 1.96 1.61l3.63 18.06c.01.11.03.22.04.33z"
/>
<path
fill="#c9d8fb"
d="m57.95 45.67-3.63-18.06A2 2 0 0 0 52.36 26h-3a2 2 0 0 1 1.96 1.61l3.63 18.06c.01.11.03.22.04.33h3c-.01-.11-.03-.22-.04-.33z"
/>
<circle cx="13" cy="8" r="8" fill="#e7ecfb" />
<path
fill="#c9d8fb"
d="M13 0a8.056 8.056 0 0 0-1.5.145 8 8 0 0 1 0 15.71A8 8 0 1 0 13 0z"
/>
<path
fill="#e7ecfb"
d="M16 15.42v17.91A2.842 2.842 0 0 1 13 36a2.844 2.844 0 0 1-3-2.67V15.42a8.049 8.049 0 0 0 6 0z"
/>
<path
fill="#a3c1f6"
d="M20 36.17c0 2.67-3.13 4.83-7 4.83s-7-2.16-7-4.83C6 33 10 32 10 32v1.33c-.01.5.141.991.43 1.4a3.235 3.235 0 0 0 5.14 0c.289-.409.44-.9.43-1.4V32s4 1 4 4.17z"
/>
<path
fill="#e7ecfb"
d="M58 46.33V51a2.006 2.006 0 0 1-2 2H2a2.006 2.006 0 0 1-2-2v-4.67c0-.11 0-.22.01-.33h57.98c.01.11.01.22.01.33z"
/>
<path
fill="#c9d8fb"
d="M57.99 46h-3c.01.11.01.22.01.33V51a2.006 2.006 0 0 1-2 2h3a2.006 2.006 0 0 0 2-2v-4.67c0-.11 0-.22-.01-.33z"
/>
<path
fill="#a3c1f6"
d="M10.36 58H5.64a2 2 0 0 1-1.962-1.608L3 53h10l-.678 3.392A2 2 0 0 1 10.36 58zM52.36 58h-4.72a2 2 0 0 1-1.962-1.608L45 53h10l-.678 3.392A2 2 0 0 1 52.36 58z"
/>
<path
fill="#7fabf9"
d="m52 53-.678 3.392A2 2 0 0 1 49.36 58h3a2 2 0 0 0 1.962-1.608L55 53z"
/>
<g fill="#e7ecfb">
<ellipse cx="27" cy="32" rx="3" ry="2" />
<ellipse cx="37" cy="32" rx="3" ry="2" />
<ellipse cx="47" cy="32" rx="3" ry="2" />
<ellipse cx="27" cy="40" rx="3" ry="2" />
<ellipse cx="37" cy="40" rx="3" ry="2" />
<ellipse cx="47" cy="40" rx="3" ry="2" />
</g>
</g>
<g fill="#fff">
<path
d="M7.678 57.392 7 54H6a2.006 2.006 0 0 1-2-2c0-5.492-.007-4.81.01-5 .031-.343-.1.358 3.67-18.39A2 2 0 0 1 9.64 27h-3a2 2 0 0 0-1.96 1.61C.912 47.358 1.041 46.657 1.01 47c-.017.19-.01-.492-.01 5a2.006 2.006 0 0 0 2 2h1l.678 3.392A2 2 0 0 0 6.64 59h3a2 2 0 0 1-1.962-1.608zM14 16.4V27h-3V16.39a7.982 7.982 0 0 1 4.49-15.24A7.985 7.985 0 0 0 14 16.4z"
/>
</g>
<path fill="#fff" d="m2.108 36.266 1.576-7.84 1.96.394-1.576 7.84z" />
<g fill="#428dff">
<path
d="M15 5a1 1 0 0 0-1-1 5.006 5.006 0 0 0-5 5 1 1 0 0 0 2 0 3 3 0 0 1 3-3 1 1 0 0 0 1-1zM3.911 33.528a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2z"
/>
<path
d="M56.3 28.409A3.011 3.011 0 0 0 53.361 26H18v-8.95a9 9 0 1 0-8 0V26H6.639A3.011 3.011 0 0 0 3.7 28.409a1 1 0 0 0 .984 1.197 1 1 0 0 0 .979-.8 1 1 0 0 1 .981-.8H10v4.279c-1.345.515-4 1.909-4 4.892C6 40.439 9.514 43 14 43s8-2.561 8-5.829c0-2.983-2.655-4.377-4-4.892V28h35.361a1 1 0 0 1 .981.8L57.791 46H2.209l1.876-9.353a1 1 0 1 0-1.961-.393L.074 46.477l.936.187-.942-.154a5 5 0 0 0-.068.821V52a3 3 0 0 0 3 3h.18l.52 2.589A3.007 3.007 0 0 0 6.64 60h4.72a3.007 3.007 0 0 0 2.94-2.411L14.82 55h30.36l.518 2.589A3.007 3.007 0 0 0 48.64 60h4.72a3.007 3.007 0 0 0 2.94-2.411L56.82 55H57a3 3 0 0 0 3-3v-4.669c0-.286-.025-.571-.074-.853zM7 9a7 7 0 1 1 7 7 7.008 7.008 0 0 1-7-7zm7 9a8.971 8.971 0 0 0 2-.232V34.33c.009.28-.069.555-.222.789a2.235 2.235 0 0 1-3.55.008 1.365 1.365 0 0 1-.228-.8V17.768c.656.152 1.327.23 2 .232zm6 19.171C20 39.246 17.252 41 14 41s-6-1.754-6-3.829a3.222 3.222 0 0 1 2.01-2.7 3.3 3.3 0 0 0 .629 1.874 4.235 4.235 0 0 0 6.728-.008 3.3 3.3 0 0 0 .623-1.872A3.211 3.211 0 0 1 20 37.171zM12.341 57.2a1 1 0 0 1-.981.8H6.64a1 1 0 0 1-.981-.8L5.22 55h7.56zm42 0a1 1 0 0 1-.981.8h-4.72a1 1 0 0 1-.981-.8L47.22 55h7.56zM57 53H3a1 1 0 0 1-1-1v-4h56v4a1 1 0 0 1-1 1z"
/>
<path
d="M28 36c2.243 0 4-1.317 4-3s-1.757-3-4-3-4 1.317-4 3 1.757 3 4 3zm0-4c1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1 .779-1 2-1zM38 36c2.243 0 4-1.317 4-3s-1.757-3-4-3-4 1.317-4 3 1.757 3 4 3zm0-4c1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1 .779-1 2-1zM48 36c2.243 0 4-1.317 4-3s-1.757-3-4-3-4 1.317-4 3 1.757 3 4 3zm0-4c1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1 .779-1 2-1zM28 44c2.243 0 4-1.317 4-3s-1.757-3-4-3-4 1.317-4 3 1.757 3 4 3zm0-4c1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1 .779-1 2-1zM38 44c2.243 0 4-1.317 4-3s-1.757-3-4-3-4 1.317-4 3 1.757 3 4 3zm0-4c1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1 .779-1 2-1zM48 44c2.243 0 4-1.317 4-3s-1.757-3-4-3-4 1.317-4 3 1.757 3 4 3zm0-4c1.221 0 2 .592 2 1s-.779 1-2 1-2-.592-2-1 .779-1 2-1z"
/>
</g>
</g>
</svg>
More icons in the same style and category