Add icons to this collection by clicking the heart icon.
Controller icon - also known as screen, entertainment, play, game, controller, and stream. Created in a clean lineal color style with a white, silver, gray, red, olive, teal, and orange 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"
>
<path fill="#f5f5f5" d="M31 49a10 10 0 1 1-.05-1c.03.33.05.66.05 1z" />
<path
fill="#cfd8dc"
d="M30.95 48a9.922 9.922 0 0 0-11.444-8.876A10 10 0 0 1 27.95 48c.03.33.05.66.05 1a10 10 0 0 1-8.5 9.875A9.928 9.928 0 0 0 31 49c0-.34-.02-.67-.05-1z"
/>
<path
fill="#f5f5f5"
d="M59 49a10 10 0 0 1-20 0c0-.34.02-.67.05-1A10 10 0 0 1 59 49z"
/>
<path
fill="#cfd8dc"
d="M49 39a9.978 9.978 0 0 0-1.506.124 9.986 9.986 0 0 1 .006 19.751A9.995 9.995 0 1 0 49 39z"
/>
<g fill="#607d8b">
<path
d="m23 47-2 2-2-2v-3a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1zM23 51l-2-2-2 2v3a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1z"
/>
<path
d="m19 47 2 2-2 2h-3a1 1 0 0 1-1-1v-2a1 1 0 0 1 1-1zM23 47l-2 2 2 2h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1z"
/>
</g>
<circle cx="49" cy="44" r="2" fill="#f44335" />
<circle cx="49" cy="54" r="2" fill="#60a917" />
<circle cx="44" cy="49" r="2" fill="#ff9801" />
<circle cx="54" cy="49" r="2" fill="#02a9f4" />
<path
fill="#f5f5f5"
d="M49 59H21a10 10 0 0 0 10-10c0-.34-.02-.67-.05-1h8.1c-.03.33-.05.66-.05 1a10 10 0 0 0 10 10z"
/>
<rect width="52" height="34" x="1" y="1" fill="#607d8b" rx="6" />
<path
fill="#37474f"
d="M47 1h-3a6 6 0 0 1 6 6v22a6 6 0 0 1-6 6h3a6 6 0 0 0 6-6V7a6 6 0 0 0-6-6z"
/>
<rect
width="26"
height="32"
x="8"
y="2"
fill="#00bcd4"
rx="2"
transform="rotate(90 21 18)"
/>
<path
fill="#00838f"
d="M35 5h-3a2 2 0 0 1 2 2v22a2 2 0 0 1-2 2h3a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2z"
/>
<circle cx="45" cy="10" r="4" fill="#9e9e9e" />
<path
fill="#f5f5f5"
d="M29.82 18.051a5.209 5.209 0 0 0 .271-1.651 4.6 4.6 0 0 0-4.364-4.8 4.225 4.225 0 0 0-3.434 1.845A5.442 5.442 0 0 0 17.364 10a5.747 5.747 0 0 0-5.455 6 6.5 6.5 0 0 0 .332 2.044A3.865 3.865 0 0 0 9 22a3.831 3.831 0 0 0 3.636 4h16.728A3.831 3.831 0 0 0 33 22a3.873 3.873 0 0 0-3.18-3.949z"
/>
<path
fill="#cfd8dc"
d="M29.82 18.051a5.209 5.209 0 0 0 .271-1.651 4.6 4.6 0 0 0-4.364-4.8 3.979 3.979 0 0 0-1.52.3 4.78 4.78 0 0 1 2.884 4.5 5.209 5.209 0 0 1-.271 1.651A3.873 3.873 0 0 1 30 22a3.831 3.831 0 0 1-3.636 4h3A3.831 3.831 0 0 0 33 22a3.873 3.873 0 0 0-3.18-3.949z"
/>
<path
d="M35 4H7a3 3 0 0 0-3 3v22a3 3 0 0 0 3 3h28a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3zm1 25a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1h28a1 1 0 0 1 1 1zM45 15a5 5 0 1 0-5-5 5.006 5.006 0 0 0 5 5zm0-8a3 3 0 1 1-3 3 3 3 0 0 1 3-3z"
/>
<path
d="M31.017 17.348a6.149 6.149 0 0 0 .074-.948 5.6 5.6 0 0 0-5.364-5.8 5.063 5.063 0 0 0-3.227 1.169A6.317 6.317 0 0 0 17.364 9a6.752 6.752 0 0 0-6.455 7 7.423 7.423 0 0 0 .12 1.329A4.973 4.973 0 0 0 8 22a4.834 4.834 0 0 0 4.636 5h16.728A4.834 4.834 0 0 0 34 22a5 5 0 0 0-2.983-4.652zM29.364 25H12.636A2.839 2.839 0 0 1 10 22a2.867 2.867 0 0 1 2.36-2.963 1 1 0 0 0 .83-1.307 5.521 5.521 0 0 1-.281-1.73 4.757 4.757 0 0 1 4.455-5 4.471 4.471 0 0 1 4.011 2.839 1 1 0 0 0 1.733.186 3.224 3.224 0 0 1 2.619-1.425 3.606 3.606 0 0 1 3.364 3.8 4.223 4.223 0 0 1-.219 1.334 1 1 0 0 0 .81 1.307A2.886 2.886 0 0 1 32 22a2.839 2.839 0 0 1-2.636 3z"
/>
<path
d="M49 38a11.012 11.012 0 0 0-10.809 9H36v-5a3 3 0 0 0-3-3 1 1 0 0 1-1-1v-2h15a7.008 7.008 0 0 0 7-7V7a7.008 7.008 0 0 0-7-7H7a7.008 7.008 0 0 0-7 7v22a7.008 7.008 0 0 0 7 7h23v2a3 3 0 0 0 3 3 1 1 0 0 1 1 1v5h-2.191A11 11 0 1 0 21 60h28a11 11 0 0 0 0-22zM7 34a5.006 5.006 0 0 1-5-5V7a5.006 5.006 0 0 1 5-5h40a5.006 5.006 0 0 1 5 5v22a5.006 5.006 0 0 1-5 5zm5 15a9 9 0 1 1 9 9 9.011 9.011 0 0 1-9-9zm15.305 9A10.99 10.99 0 0 0 32 49h6a10.99 10.99 0 0 0 4.7 9zM49 58a9 9 0 1 1 9-9 9.011 9.011 0 0 1-9 9z"
/>
<path
d="M28 50v-2a2 2 0 0 0-2-2h-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-2zm-9.414 0H16v-2h2.586l1 1zM22 54h-2v-2.586l1-1 1 1zm0-7.414-1 1-1-1V44h2zM26 50h-2.586l-1-1 1-1H26zM49 47a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM49 51a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM47 49a3 3 0 1 0-3 3 3 3 0 0 0 3-3zm-3 1a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM51 49a3 3 0 1 0 3-3 3 3 0 0 0-3 3zm4 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1zM36 54h-2a1 1 0 0 0 0 2h2a1 1 0 0 0 0-2zM41 20a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1zM49 20a1 1 0 0 0-1 1v6a1 1 0 0 0 2 0v-6a1 1 0 0 0-1-1zM45 18a1 1 0 0 0-1 1v10a1 1 0 0 0 2 0V19a1 1 0 0 0-1-1z"
/>
</svg>
More icons in the same style and category