Add icons to this collection by clicking the heart icon.
Controller icon - also known as technology, joystick, controller, video game, gamepad, game controller, multimedia, electronics, gaming, and gamer. Created in a clean lineal color style with a white, silver, gray, black, and pink 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v80h-20.001c-11 0-20-9-20-20v-240c0-11 9-20 20-20H0v80c5.5 0 10 4.499 10 10v100C10-4.5 5.5 0 0 0"
transform="translate(50 296.003)"
fill="#b5bbc9"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-80c5.5 0 10-4.5 10-10v-100c0-5.501-4.5-10-10-10v-80l411.999-.001V.001Z"
transform="translate(50 376.003)"
fill="#b0e7f7"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0v-280.002l20.002.001c11 0 20 9 20 20v240c0 11-9 20-20 20z"
transform="translate(461.999 376.004)"
fill="#b5bbc9"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c23.304 8.237 40 30.462 40 56.586a59.91 59.91 0 0 1-3.415 20.001C28.348 99.89 6.124 116.586-20 116.586c-26.124 0-48.349-16.696-56.585-39.999A59.885 59.885 0 0 1-80 56.586C-80 30.462-63.304 8.237-40 0a59.9 59.9 0 0 1 20-3.414A59.9 59.9 0 0 1 0 0"
transform="translate(192.252 299.416)"
fill="#ff6977"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0V63.413a59.9 59.9 0 0 0-20-3.414 59.9 59.9 0 0 0-20 3.414V0c0-11 9-20 20-20S0-11 0 0"
transform="translate(192.252 236.003)"
fill="#f8f8f8"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0c0 26.123-16.697 48.344-40 56.581V0c0-11-8.999-20-20-20-11 0-20 9-20 20v56.581C-103.303 48.344-120 26.123-120 0c0-33.137 26.863-60 60-60S0-33.137 0 0m-60-20z"
transform="translate(232.252 236.003)"
fill="#858fa6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="m0 0 11.491-11.49L0-22.981c-7.778-7.779-7.778-20.505 0-28.285 7.779-7.778 20.506-7.778 28.285 0l11.49 11.491 11.491-11.491c7.778-7.778 20.505-7.778 28.284 0 7.779 7.78 7.779 20.506 0 28.285L68.06-11.49 79.55 0c7.779 7.778 7.779 20.506 0 28.284-7.779 7.779-20.506 7.779-28.283 0l-11.492-11.49-11.491 11.49c-7.778 7.779-20.505 7.779-28.284 0C-7.778 20.506-7.778 7.778 0 0"
transform="translate(316.228 247.493)"
fill="#858fa6"
fill-opacity="1"
fill-rule="evenodd"
stroke="none"
/>
<path
d="M0 0h253.168c11 0 20-9 20-20v-240c0-11-9-20-20-20h-452.001c-11.001 0-20 9-20 20v20m0 80v140c0 11 8.999 20 20 20h85.671"
transform="translate(228.833 376.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v100.001m0-280.002V-80"
transform="translate(462 276.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-80c5.5 0 10-4.5 10-10v-100c0-5.501-4.5-10-10-10v-80"
transform="translate(50.001 376.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.007"
transform="translate(10 176)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v.008"
transform="translate(462 235.999)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="2.613"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0c-7.779 7.778-20.506 7.779-28.284 0l-11.491-11.49L-51.266 0c-7.778 7.779-20.505 7.778-28.284 0s-7.779-20.506 0-28.284l11.491-11.49-11.491-11.492c-7.779-7.778-7.778-20.505 0-28.284 7.779-7.778 20.506-7.778 28.284 0l11.491 11.49 11.491-11.49c7.778-7.778 20.505-7.778 28.284 0 7.778 7.779 7.778 20.506 0 28.284l-11.491 11.492L0-28.284C7.778-20.506 7.778-7.778 0 0Z"
transform="translate(395.778 275.777)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c33.047 0 60 26.952 60 60 0 33.046-26.953 59.999-60 59.999S-60 93.046-60 60C-60 26.952-33.047 0 0 0Z"
transform="translate(172.252 296.003)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-63.418c0-11-9-20-20-20v0c-11 0-20 9-20 20V0"
transform="translate(192.252 299.42)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c23.303-8.237 40-30.458 40-56.581 0-33.137-26.863-60-60-60s-60 26.863-60 60C-80-30.458-63.303-8.237-40 0"
transform="translate(192.252 292.584)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="22.926"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category