Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as technology, joystick, video game, gamepad, game controller, electronics, gamer, game console, and miscellaneous. Created in a clean lineal color style with a white, silver, gray, black, yellow, teal, 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 0h-149.297c-20.445 0-38.83-12.448-46.423-31.43L-223.148-100h297L46.424-31.43C38.831-12.448 20.445 0 0 0"
transform="translate(330.648 417.5)"
fill="#b18cd9"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 27.614 22.386 50 50 50H-6.148a50 50 0 0 1-46.424-31.43L-80-50H50C22.386-50 0-27.614 0 0"
transform="translate(187.5 367.5)"
fill="#996acc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-210c0-27.614-22.386-50-50-50h-397c-27.614 0-50 22.386-50 50V0c0 27.614 22.386 50 50 50h397C-22.386 50 0 27.614 0 0"
transform="translate(504.5 267.5)"
fill="#6b7d8e"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-187c-143.594 0-260 116.406-260 260 0 3.127.301 6.182.85 9.15C-469.392 264.849-487 244.487-487 220V10c0-27.614 22.386-50 50-50h397C-15.513-40 4.849-22.392 9.15.85A50.245 50.245 0 0 0 0 0"
transform="translate(494.5 47.5)"
fill="#546370"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30C-13.431 30 0 16.569 0 0"
transform="translate(286 474.5)"
fill="#ff8a98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-16.569 0-30 13.432-30 30 0 2.316.271 4.567.768 6.732C-42.557 33.675-52.5 21.753-52.5 7.5c0-16.568 13.431-30 30-30C-8.247-22.5 3.675-12.557 6.732.768A30.045 30.045 0 0 0 0 0"
transform="translate(278.5 467)"
fill="#fd5c6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-16.667v16.667c0 9.204-7.462 16.666-16.666 16.666-9.205 0-16.667-7.462-16.667-16.666V0h-16.667c-9.204 0-16.666-7.462-16.666-16.667 0-9.204 7.462-16.666 16.666-16.666H-50V-50c0-9.205 7.462-16.667 16.667-16.667 9.204 0 16.666 7.462 16.666 16.667v16.667H0c9.205 0 16.667 7.462 16.667 16.666C16.667-7.462 9.205 0 0 0"
transform="translate(457.833 244.167)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 9.205 7.462 16.667 16.667 16.667h16.666v16.666C33.333 42.538 25.871 50 16.667 50 7.462 50 0 42.538 0 33.333V16.667h-16.667c-9.204 0-16.666-7.462-16.666-16.667 0-9.205 7.462-16.667 16.666-16.667H0v-16.666C0-42.538 7.462-50 16.667-50c9.204 0 16.666 7.462 16.666 16.667v16.666H16.667C7.462-16.667 0-9.205 0 0"
transform="translate(407.833 227.5)"
fill="#efe6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.023-10.669-10.903-19.294-24.3-19.264-13.397.029-24.239 8.701-24.215 19.37.023 10.669 10.903 19.294 24.3 19.265C-10.818 19.341.023 10.669 0 0"
transform="translate(214.515 357.006)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-.023-10.669 10.818-19.341 24.215-19.371 13.397-.029 24.277 8.596 24.3 19.265.024 10.669-10.818 19.341-24.215 19.37C10.903 19.294.023 10.669 0 0"
transform="translate(297.485 356.824)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-9.858"
transform="translate(204.628 381.305)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-9.858"
transform="translate(307.23 381.305)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.558-5.317-11.875-11.875-11.875-6.559 0-11.875 5.317-11.875 11.875"
transform="translate(256.079 365.57)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-6.558-5.317-11.875-11.875-11.875-6.559 0-11.875 5.317-11.875 11.875"
transform="translate(279.829 365.57)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-5.514 0-10 4.486-10 10v210c0 5.514 4.486 10 10 10h157c5.514 0 10-4.486 10-10V10c0-5.514-4.486-10-10-10Z"
transform="translate(177.5 47.5)"
fill="#a4e7ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-75.663 0-137 61.337-137 137v53h-30c-5.523 0-10-4.477-10-10V-30c0-5.523 4.477-10 10-10h157c5.523 0 10 4.477 10 10z"
transform="translate(344.5 87.5)"
fill="#5ad6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.614-22.386-50-50-50s-50 22.386-50 50 22.386 50 50 50S0 27.614 0 0"
transform="translate(137.5 227.5)"
fill="#fff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-27.614 0-50 22.386-50 50a49.903 49.903 0 0 0 2.977 17.023C-66.256 60.059-80 41.636-80 20c0-27.614 22.386-50 50-50 21.636 0 40.059 13.744 47.023 32.977A49.903 49.903 0 0 0 0 0"
transform="translate(117.5 207.5)"
fill="#efe6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.667c-9.204 0-16.666 7.462-16.666 16.667 0 9.204 7.462 16.666 16.666 16.666H0c9.205 0 16.667-7.462 16.667-16.666C16.667 7.462 9.205 0 0 0"
transform="translate(457.833 47.5)"
fill="#5ad6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.667c-9.204 0-16.666 7.462-16.666 16.667 0 9.204 7.462 16.666 16.666 16.666H0c9.205 0 16.667-7.462 16.667-16.666C16.667 7.462 9.205 0 0 0"
transform="translate(457.833 112.5)"
fill="#73da8c"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.667c-9.204 0-16.666 7.462-16.666 16.667 0 9.204 7.462 16.666 16.666 16.666H0c9.205 0 16.667-7.462 16.667-16.666C16.667 7.462 9.205 0 0 0"
transform="translate(120.833 47.5)"
fill="#f4e74d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.333C-32.538 0-40-7.462-40-16.667c0-9.204 7.462-16.666 16.667-16.666h66.666C52.538-33.333 60-25.871 60-16.667H16.667C7.462-16.667 0-9.205 0 0"
transform="translate(77.5 80.833)"
fill="#eedb00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-66.667c-9.204 0-16.666 7.462-16.666 16.667 0 9.204 7.462 16.666 16.666 16.666H0c9.205 0 16.667-7.462 16.667-16.666C16.667 7.462 9.205 0 0 0"
transform="translate(120.833 112.5)"
fill="#ff8a98"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.333C-32.538 0-40-7.462-40-16.667c0-9.204 7.462-16.666 16.667-16.666h66.666C52.538-33.333 60-25.871 60-16.667H16.667C7.462-16.667 0-9.205 0 0"
transform="translate(77.5 145.833)"
fill="#fd5c6f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.333C-32.538 0-40-7.462-40-16.667c0-9.204 7.462-16.666 16.667-16.666h66.666C52.538-33.333 60-25.871 60-16.667H16.667C7.462-16.667 0-9.205 0 0"
transform="translate(414.5 80.833)"
fill="#00c5fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-23.333C-32.538 0-40-7.462-40-16.667c0-9.204 7.462-16.666 16.667-16.666h66.666C52.538-33.333 60-25.871 60-16.667H16.667C7.462-16.667 0-9.205 0 0"
transform="translate(414.5 145.833)"
fill="#29ce69"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-96c-27.614 0-50 22.386-50 50v210c0 27.614 22.386 50 50 50h397c27.615 0 50-22.386 50-50V50c0-27.614-22.385-50-50-50H28.001"
transform="translate(153.5 7.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.667v16.667c0 9.204-7.462 16.666-16.666 16.666v0C-42.538 33.333-50 25.871-50 16.667V0h-16.667c-9.204 0-16.666-7.462-16.666-16.667 0-9.204 7.462-16.666 16.666-16.666H-50V-50c0-9.205 7.462-16.667 16.667-16.667v0c9.204 0 16.666 7.462 16.666 16.667v16.667H0c9.205 0 16.667 7.462 16.667 16.666C16.667-7.462 9.205 0 0 0Z"
transform="translate(457.833 244.167)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-156.004c0-5.514-4.486-10-10-10h-157c-5.514 0-10 4.486-10 10v210c0 5.514 4.486 10 10 10h157c5.514 0 10-4.486 10-10v-26"
transform="translate(344.5 213.504)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-27.614-22.386-50-50-50s-50 22.386-50 50 22.386 50 50 50S0 27.614 0 0Z"
transform="translate(137.5 227.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-66.667c-9.204 0-16.666 7.462-16.666 16.667v0c0 9.204 7.462 16.666 16.666 16.666H0c9.205 0 16.667-7.462 16.667-16.666v0C16.667 7.462 9.205 0 0 0Z"
transform="translate(457.833 47.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-66.667c-9.204 0-16.666 7.462-16.666 16.667v0c0 9.204 7.462 16.666 16.666 16.666H0c9.205 0 16.667-7.462 16.667-16.666v0C16.667 7.462 9.205 0 0 0Z"
transform="translate(457.833 112.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-66.667c-9.204 0-16.666 7.462-16.666 16.667v0c0 9.204 7.462 16.666 16.666 16.666H0c9.205 0 16.667-7.462 16.667-16.666v0C16.667 7.462 9.205 0 0 0Z"
transform="translate(120.833 47.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-66.667c-9.204 0-16.666 7.462-16.666 16.667v0c0 9.204 7.462 16.666 16.666 16.666H0c9.205 0 16.667-7.462 16.667-16.666v0C16.667 7.462 9.205 0 0 0Z"
transform="translate(120.833 112.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-27.428 68.57A50 50 0 0 1-73.852 100h-149.296a50 50 0 0 1-46.424-31.43L-297 0"
transform="translate(404.5 317.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-16.569-13.431-30-30-30-16.569 0-30 13.431-30 30 0 16.569 13.431 30 30 30C-13.431 30 0 16.569 0 0Z"
transform="translate(286 474.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-27"
transform="translate(256 444.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category