Add icons to this collection by clicking the heart icon.
Game Controller icon - also known as joystick, video game, gamepad, game controller, electronics, gaming, and gamer. 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="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 0c-8.284 0-15 6.716-15 15v87.485c0 18.199 14.805 33.003 33.003 33.003h19.171c11.679 0 21.18 9.501 21.18 21.18 0 11.678-9.501 21.179-21.18 21.179H1.38c-25.574 0-46.38 20.805-46.38 46.38 0 25.574 20.806 46.379 46.38 46.379H67.5c8.284 0 15-6.715 15-15 0-8.284-6.716-15-15-15H1.38c-9.032 0-16.38-7.347-16.38-16.379 0-9.033 7.348-16.38 16.38-16.38h35.794c28.221 0 51.18-22.959 51.18-51.179 0-28.221-22.959-51.18-51.18-51.18H18.003A3.006 3.006 0 0 1 15 102.485V15C15 6.716 8.284 0 0 0"
transform="translate(256 233.894)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-156.033v35.78c0 8.284 6.716 15 15 15H-15c8.284 0 15-6.716 15-15z"
transform="translate(334.017 239.004)"
fill="#3c6d92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30c8.285 0 15-6.715 15-15v-35.779h30V-15C15-6.715 8.285 0 0 0"
transform="translate(319.017 289.783)"
fill="#345e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-1.017a98.004 98.004 0 0 0-62.742 22.716c-36.345 30.287-89.137 30.287-125.482 0A98.004 98.004 0 0 0-251.983 0H-253c-67.379 0-122 54.621-122 122 0 67.379 54.621 122 122 122H0c67.379 0 122-54.621 122-122C122 54.621 67.379 0 0 0"
transform="translate(382.5 7.5)"
fill="#eaf6ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30C37.379 0 92-54.621 92-122c0-62.168-46.5-113.474-106.617-121.037a97.906 97.906 0 0 1 13.6-.963H0c67.379 0 122 54.621 122 122C122-54.621 67.379 0 0 0"
transform="translate(382.5 251.5)"
fill="#d8ecfe"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-34.5a7 7 0 0 0-7 7v34.5a7 7 0 0 1-7 7h-18a7 7 0 0 1-7-7V7a7 7 0 0 0-7-7H-115a7 7 0 0 1-7-7v-18a7 7 0 0 1 7-7h34.5a7 7 0 0 0 7-7v-34.5a7 7 0 0 1 7-7h18a7 7 0 0 1 7 7V-39a7 7 0 0 0 7 7H0a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7"
transform="translate(159.5 145.5)"
fill="#b2d9fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-34.5a7 7 0 0 1 7-7h19.233a7 7 0 0 0-7 7V0a7 7 0 0 1-7 7h-18c-.208 0-.413-.014-.616-.031A6.998 6.998 0 0 0 0 0"
transform="translate(98.767 187)"
fill="#89c8fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-19.233a7 7 0 0 0 7-7v-18a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7"
transform="translate(159.5 145.5)"
fill="#89c8fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-34.5a6.998 6.998 0 0 0-6.383-6.969c.203-.017.408-.031.616-.031h18a7 7 0 0 1 7 7V0a7 7 0 0 0 7 7H7a7 7 0 0 1-7-7"
transform="translate(98.767 106.5)"
fill="#89c8fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.665-7.835-17.5-17.5-17.5S-35-9.665-35 0s7.835 17.5 17.5 17.5S0 9.665 0 0"
transform="translate(429.5 174.5)"
fill="#f58a97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.665-7.835-17.5-17.5-17.5S-35-9.665-35 0s7.835 17.5 17.5 17.5S0 9.665 0 0"
transform="translate(429.5 84.5)"
fill="#fee07a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c9.665 0 17.5-7.835 17.5-17.5S9.665-35 0-35s-17.5 7.835-17.5 17.5S-9.665 0 0 0"
transform="translate(367 147)"
fill="#b2d9fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c9.665 0 17.5-7.835 17.5-17.5S9.665-35 0-35s-17.5 7.835-17.5 17.5S-9.665 0 0 0"
transform="translate(457 147)"
fill="#aee59a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.191 0-6.174-.868-8.75-2.36C-3.524-5.388 0-11.026 0-17.5s-3.524-12.112-8.75-15.14A17.399 17.399 0 0 1 0-35c9.665 0 17.5 7.835 17.5 17.5S9.665 0 0 0"
transform="translate(457 147)"
fill="#88d9a3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.191 0-6.174-.868-8.75-2.36C-3.524-5.388 0-11.026 0-17.5s-3.524-12.112-8.75-15.14A17.399 17.399 0 0 1 0-35c9.665 0 17.5 7.835 17.5 17.5S9.665 0 0 0"
transform="translate(367 147)"
fill="#89c8fd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.191 0-6.174-.868-8.75-2.36C-3.524-5.388 0-11.026 0-17.5s-3.524-12.112-8.75-15.14A17.399 17.399 0 0 1 0-35c9.665 0 17.5 7.835 17.5 17.5S9.665 0 0 0"
transform="translate(412 102)"
fill="#fad169"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.191 0-6.174-.868-8.75-2.36C-3.524-5.388 0-11.026 0-17.5s-3.524-12.112-8.75-15.14A17.399 17.399 0 0 1 0-35c9.665 0 17.5 7.835 17.5 17.5S9.665 0 0 0"
transform="translate(412 192)"
fill="#f07281"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72.667a7 7 0 0 0-7 7v16a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7"
transform="translate(292.334 117)"
fill="#3c6d92"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-30a7 7 0 0 0 7-7v-16a7 7 0 0 0-7-7H0a7 7 0 0 1 7 7v16a7 7 0 0 1-7 7"
transform="translate(292.334 147)"
fill="#345e80"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v46.6c0 18.2 14.81 33 33 33h19.17c11.68 0 21.18 9.5 21.18 21.179 0 11.681-9.5 21.181-21.18 21.181H16.38c-25.57 0-46.38 20.81-46.38 46.38 0 25.57 20.81 46.38 46.38 46.38H82.5c8.28 0 15-6.72 15-15 0-8.281-6.72-15-15-15H16.38C7.35 184.72 0 177.37 0 168.34s7.35-16.38 16.38-16.38h35.79c28.22 0 51.18-22.96 51.18-51.181 0-28.219-22.96-51.179-51.18-51.179H33c-1.65 0-3-1.34-3-3V0"
transform="translate(241 289.78)"
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 0v23.28c0 8.29 6.72 15 15 15h126.04c8.28 0 15-6.71 15-15V0"
transform="translate(177.98 251.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 0h81.667c67.378 0 122-54.621 122-122 0-67.379-54.622-122-122-122h-1.018a98.002 98.002 0 0 0-62.741 22.716c-36.345 30.287-89.138 30.287-125.483 0A98.002 98.002 0 0 0-170.316-244h-1.017c-30.298 0-58.016 11.044-79.349 29.326"
transform="translate(300.834 251.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 0c-12.389 19.093-19.584 41.866-19.584 66.321 0 67.379 54.621 122 122 122H238.75"
transform="translate(27.084 63.179)"
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-34.5a7 7 0 0 0-7 7v34.5a7 7 0 0 1-7 7h-18a7 7 0 0 1-7-7V7a7 7 0 0 0-7-7H-115a7 7 0 0 1-7-7v-18a7 7 0 0 1 7-7h34.5a7 7 0 0 0 7-7v-34.5a7 7 0 0 1 7-7h18a7 7 0 0 1 7 7V-39a7 7 0 0 0 7 7H0a7 7 0 0 1 7 7v18a7 7 0 0 1-7 7Z"
transform="translate(159.5 145.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-9.665-7.835-17.5-17.5-17.5S-35-9.665-35 0s7.835 17.5 17.5 17.5S0 9.665 0 0Z"
transform="translate(429.5 174.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-9.665-7.835-17.5-17.5-17.5S-35-9.665-35 0s7.835 17.5 17.5 17.5S0 9.665 0 0Z"
transform="translate(429.5 84.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 0c9.665 0 17.5-7.835 17.5-17.5S9.665-35 0-35s-17.5 7.835-17.5 17.5S-9.665 0 0 0Z"
transform="translate(367 147)"
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 0c9.665 0 17.5-7.835 17.5-17.5S9.665-35 0-35s-17.5 7.835-17.5 17.5S-9.665 0 0 0Z"
transform="translate(457 147)"
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 0a7.5 7.5 0 0 1 7.5-7.5A7.5 7.5 0 1 1 0 0"
transform="translate(181 211.442)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5-7.5A7.5 7.5 0 1 1 0 0"
transform="translate(226 211.442)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5-7.5A7.5 7.5 0 1 1 0 0"
transform="translate(271 211.442)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a7.5 7.5 0 0 1 7.5-7.5A7.5 7.5 0 1 1 0 0"
transform="translate(316 211.442)"
fill="#000"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-72.667a7 7 0 0 0-7 7v16a7 7 0 0 0 7 7H0a7 7 0 0 0 7-7V7a7 7 0 0 0-7-7Z"
transform="translate(292.334 117)"
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