Add icons to this collection by clicking the heart icon.
Controller icon - also known as play, game, controller, and gaming. Created in a clean lineal color style with a gray, black, red, yellow, olive, and teal 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="#37474f"
d="M28 19h4a1 1 0 0 1 1 1v4h-6v-4a1 1 0 0 1 1-1z"
/>
<path
fill="#607d8b"
d="M59 44c0 12-2 15-6 15-3.31 0-7.49-4.82-9.95-8.07A5 5 0 1 0 34 48h-8a5 5 0 1 0-9.05 2.93C14.49 54.18 10.31 59 7 59c-4 0-6-3-6-15s7-22 15-22c5 0 8 2 11 2h6c3 0 6-2 11-2 8 0 15 10 15 22z"
/>
<path
fill="#37474f"
d="M44 22c-.62 0-1.208.031-1.771.085C49.7 23.044 56 32.62 56 44c0 10.193-1.449 13.881-4.335 14.764.43.149.88.229 1.335.236 4 0 6-3 6-15s-7-22-15-22z"
/>
<path fill="#9e9e9e" d="M26 48a5 5 0 1 1-10 0 5 5 0 0 1 10 0z" />
<path
fill="#707070"
d="M21 43a4.936 4.936 0 0 0-1.5.255 4.967 4.967 0 0 1-.025 9.5A5 5 0 1 0 21 43z"
/>
<path fill="#9e9e9e" d="M44 48a5 5 0 1 1-5-5 4.957 4.957 0 0 1 5 5z" />
<path
fill="#707070"
d="M39 43a4.936 4.936 0 0 0-1.5.255 4.978 4.978 0 0 1 .025 9.5c.476.156.974.239 1.475.245a5 5 0 0 0 0-10z"
/>
<path
fill="#9e9e9e"
d="M20 32h-3v-3a1 1 0 0 0-1-1h-2a1 1 0 0 0-1 1v3h-3a1 1 0 0 0-1 1v2a1 1 0 0 0 1 1h3v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
/>
<circle cx="39" cy="34" r="2" fill="#02a9f4" />
<circle cx="49" cy="34" r="2" fill="#f44335" />
<circle cx="44" cy="39" r="2" fill="#a4c400" />
<circle cx="44" cy="29" r="2" fill="#ffdc00" />
<g fill="#000">
<path
d="M44 21a24.116 24.116 0 0 0-7.185 1.229c-.922.293-1.862.523-2.815.688V20a2 2 0 0 0-2-2h-1v-6a3 3 0 0 1 6 0v2a4 4 0 1 0 8 0V1a1 1 0 0 0-2 0v13a2 2 0 1 1-4 0v-2a5 5 0 0 0-10 0v6h-1a2 2 0 0 0-2 2v2.917a21.267 21.267 0 0 1-2.815-.688A24.116 24.116 0 0 0 16 21C7.327 21 0 31.533 0 44c0 11.664 1.9 16 7 16 2.713 0 6.081-2.532 10.018-7.524A5.984 5.984 0 0 0 26.91 49h6.18a5.984 5.984 0 0 0 9.892 3.476C46.919 57.468 50.287 60 53 60c5.1 0 7-4.336 7-16 0-12.467-7.327-23-16-23zm-16-1h4v3h-4zm-7 32a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm18 0a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm14 6c-2.045 0-5.21-2.593-8.733-7.13A6 6 0 1 0 33.09 47h-6.18a6 6 0 1 0-11.177 3.87C12.21 55.407 9.045 58 7 58c-2.635 0-5-1.071-5-14 0-11.187 6.542-21 14-21 2.254.048 4.488.436 6.626 1.15 1.41.488 2.883.774 4.374.85h6a15.856 15.856 0 0 0 4.374-.85A22.424 22.424 0 0 1 44 23c7.458 0 14 9.813 14 21 0 12.929-2.365 14-5 14z"
/>
<path
d="M20 31h-2v-2a2 2 0 0 0-2-2h-2a2 2 0 0 0-2 2v2h-2a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2v-2a2 2 0 0 0-2-2zm0 4h-3a1 1 0 0 0-1 1v3h-2v-3a1 1 0 0 0-1-1h-3v-2h3a1 1 0 0 0 1-1v-3h2v3a1 1 0 0 0 1 1h3zM42 34a3 3 0 1 0-6 0 3 3 0 0 0 6 0zm-3 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM49 31a3 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 2zM44 36a3 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 2zM44 32a3 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-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category