Add icons to this collection by clicking the heart icon.
Joystick icon - also known as computer, entertainment, joystick, video game, gamepad, game controller, multimedia, gaming, and gamer. Created in a clean lineal color style with a white, gray, black, red, and yellow 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-260c-64.065 0-116 51.935-116 116s51.935 116 116 116H0c64.065 0 116-51.935 116-116S64.065 0 0 0"
transform="translate(386 84)"
fill="#757574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-35-35h-72l-35 35"
transform="translate(327 316)"
fill="#e1ebef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.729-16.295 13.684-34.914 13.684-54.693 0-64.065-51.935-116-116-116h-260c-31.174 0-59.472 12.3-80.316 32.308 19.545-36.487 58.029-61.308 102.316-61.308h260c64.065 0 116 51.935 116 116C35.684-50.801 21.992-21.11 0 0"
transform="translate(466.316 283.693)"
fill="#565656"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-28.5v28h-36V0H-93v-36h28.5v-28h36v28H0Z"
transform="translate(165 223)"
fill="#e1ebef"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20S0 11.046 0 0"
transform="translate(440 231)"
fill="#ef3535"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20S0 11.046 0 0"
transform="translate(386 179)"
fill="#ffd432"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M278 316h-42v50h42z"
fill="#757574"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-25c0-5.523-4.477-10-10-10h-18v-15h42V0Z"
transform="translate(264 366)"
fill="#565656"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-151c-64.065 0-116 51.935-116 116v0c0 64.065 51.935 116 116 116h260c64.065 0 116-51.935 116-116v0C225 51.935 173.065 0 109 0H35"
transform="translate(277 84)"
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-28.5v28h-36V0H-93v-36h28.5v-28h36v28H0Z"
transform="translate(165 223)"
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-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20S0 11.046 0 0Z"
transform="translate(440 231)"
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-11.046-8.954-20-20-20s-20 8.954-20 20 8.954 20 20 20S0 11.046 0 0Z"
transform="translate(386 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 0v15h42v-50H0"
transform="translate(236 351)"
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 0h19"
transform="translate(284 176)"
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-19"
transform="translate(228 176)"
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-35-35h-72l-35 35"
transform="translate(327 316)"
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 0v58c0 9.941 8.059 18 18 18v0c9.941 0 18-8.059 18-18V48c0-9.941 8.059-18 18-18h2c9.941 0 18 8.059 18 18v68"
transform="translate(256 366)"
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