Add icons to this collection by clicking the heart icon.
Controller icon - also known as play, controller, kids, joypad, gaming, toys, and radio control. Created in a clean lineal color 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 60 51"
>
<g fill="none" fill-rule="evenodd">
<g transform="translate(0 1)">
<path
fill="#02a9f4"
d="M53 24a9.014 9.014 0 0 1-9 9h-2.13c.09.326.133.662.13 1a4.025 4.025 0 0 1-1.17 2.83 3.109 3.109 0 0 1-.33.29A4 4 0 0 1 38 38H22a4 4 0 0 1-4-4c-.003-.338.04-.674.13-1H16a9 9 0 0 1-9-9 9.484 9.484 0 0 1 .27-2.21A9.037 9.037 0 0 1 16 15h28a9.012 9.012 0 0 1 8.73 6.79c.176.724.267 1.465.27 2.21z"
/>
<path
fill="#0377bc"
d="M52.73 21.79A9.012 9.012 0 0 0 44 15h-3a9.012 9.012 0 0 1 8.73 6.79c.176.724.267 1.465.27 2.21a9.014 9.014 0 0 1-9 9h-2.13c.09.326.133.662.13 1a4.025 4.025 0 0 1-1.17 2.83 3.109 3.109 0 0 1-.33.29A4 4 0 0 1 35 38h3a4 4 0 0 0 2.5-.88c.117-.089.227-.186.33-.29A4.025 4.025 0 0 0 42 34a3.657 3.657 0 0 0-.13-1H44a9.014 9.014 0 0 0 9-9 9.484 9.484 0 0 0-.27-2.21z"
/>
<circle cx="16" cy="24" r="4" fill="#607d8b" />
<path
fill="#37474f"
d="M16 20a3.984 3.984 0 0 0-1.5.3 3.992 3.992 0 0 1 0 7.406A4 4 0 1 0 16 20z"
/>
<circle cx="44" cy="24" r="4" fill="#607d8b" />
<path
fill="#37474f"
d="M44 20a3.984 3.984 0 0 0-1.5.3 3.992 3.992 0 0 1 0 7.406A4 4 0 1 0 44 20z"
/>
<g fill="#0377bc">
<path
d="m19.5 37.12-7.67 9.6a6.084 6.084 0 0 1-10.56-5.6l6-19.33A9.484 9.484 0 0 0 7 24a9 9 0 0 0 9 9h2.13c-.09.326-.133.662-.13 1a3.97 3.97 0 0 0 1.5 3.12zM59 42.92a6.083 6.083 0 0 1-10.83 3.8l-7.67-9.6c.117-.089.227-.186.33-.29A4.025 4.025 0 0 0 42 34a3.657 3.657 0 0 0-.13-1H44a9.014 9.014 0 0 0 9-9 9.484 9.484 0 0 0-.27-2.21l6 19.33c.18.583.27 1.19.27 1.8zM15 15.06V13a2.006 2.006 0 0 1 2-2h7a2.006 2.006 0 0 1 2 2v2M34 15v-2a2.006 2.006 0 0 1 2-2h7a2.006 2.006 0 0 1 2 2v2.06"
/>
</g>
<path
stroke="#000"
stroke-linejoin="round"
stroke-width="2"
d="M30 15V6"
/>
<circle cx="30" cy="3" r="3" fill="#ef314c" />
</g>
<g fill="#000">
<g fill-rule="nonzero">
<path
d="M16 30a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-8a3 3 0 1 1 0 6 3 3 0 0 1 0-6zM44 30a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0-8a3 3 0 1 1 0 6 3 3 0 0 1 0-6z"
/>
<path
d="M7.08 51a7.072 7.072 0 0 0 5.531-2.656l7.122-8.913c.7.369 1.477.564 2.267.569h16a4.949 4.949 0 0 0 2.267-.57l7.125 8.918a7.085 7.085 0 0 0 12.294-6.524l-6-19.33A9.993 9.993 0 0 0 46 15.209V14a3 3 0 0 0-3-3h-7a3 3 0 0 0-3 3v1h-2V7.858a4 4 0 1 0-2 0V15h-2v-1a3 3 0 0 0-3-3h-7a3 3 0 0 0-3 3v1.2a9.859 9.859 0 0 0-5.064 2.73 9.992 9.992 0 0 0-2.613 4.548l-.009.016-6 19.33A7.082 7.082 0 0 0 7.08 51zM28 4a2 2 0 1 1 4 0 2 2 0 0 1-4 0zm30 39.92a5.083 5.083 0 0 1-9.049 3.18l-7.123-8.92A4.973 4.973 0 0 0 43 35h1a10.005 10.005 0 0 0 9.412-6.64l4.363 14.056c.15.487.226.994.225 1.504zM35 14a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1h-9zm-19 0a1 1 0 0 1 1-1h7a1 1 0 0 1 1 1v1h-9zm-5.651 5.345A7.909 7.909 0 0 1 16 17h28a8 8 0 0 1 7.758 6.023A8.013 8.013 0 0 1 44 33h-2.13a1 1 0 0 0-.963 1.271A2.994 2.994 0 0 1 38 38H22a3 3 0 0 1-3-3 2.634 2.634 0 0 1 .093-.729A1 1 0 0 0 18.13 33H16a8.009 8.009 0 0 1-8-8c.003-.66.082-1.319.238-1.961a7.988 7.988 0 0 1 2.111-3.694zM2.225 42.417 6.59 28.352A10.009 10.009 0 0 0 16 35h1a4.955 4.955 0 0 0 1.173 3.179l-7.121 8.914a5.085 5.085 0 0 1-8.827-4.676z"
/>
</g>
<path
d="M22 36h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zM34 35a1 1 0 0 0 1 1h3a1 1 0 0 0 0-2h-3a1 1 0 0 0-1 1zM26 28h8a1 1 0 0 0 0-2h-8a1 1 0 0 0 0 2zM28 24h4a1 1 0 0 0 0-2h-4a1 1 0 0 0 0 2z"
/>
</g>
</g>
</svg>
More icons in the same style and category