Add icons to this collection by clicking the heart icon.
Joystick icon - also known as technology, electronic, joystick, video game, gamepad, game controller, multimedia, gaming, and gamer. Created in a clean lineal color style with a silver, black, red, 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="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 0a86.507 86.507 0 0 1-19.37 2.187A86.468 86.468 0 0 1-40.239-.358c-6.923-1.72-11.814-7.892-11.814-15.025v-18.123c14.612 8.48 32.454 11.379 49.945 6.629a64.872 64.872 0 0 0 14.077-5.66v17.474C11.969-7.869 7.011-1.608 0 0"
transform="translate(150.224 436.498)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a86.48 86.48 0 0 1-20.869 2.545A86.487 86.487 0 0 1-40.239.358C-47.25-1.25-52.208-7.511-52.208-14.704v-17.7a64.875 64.875 0 0 0 14.475 5.885c17.331 4.707 35.009 1.908 49.546-6.392v17.887C11.813-7.892 6.923-1.72 0 0"
transform="translate(402.676 436.14)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 7.133 4.89 13.305 11.813 15.024a86.007 86.007 0 0 0 10.874 1.963 86.858 86.858 0 0 1-10.039.582 86.424 86.424 0 0 1-20.869-2.545C-15.144 13.305-20.034 7.133-20.034 0v-18.123A66.03 66.03 0 0 0 0-10.522z"
transform="translate(118.205 421.115)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 7.193 4.957 13.454 11.968 15.063 3.052.7 6.166 1.237 9.332 1.604a86.545 86.545 0 0 1-29.365-1.604C-15.076 13.454-20.034 7.193-20.034 0v-17.7A64.937 64.937 0 0 0-5.56-11.814c1.851.501 3.706.901 5.56 1.235z"
transform="translate(370.502 421.435)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-57.507 211.753c-9.431 34.725-45.558 55.421-80.284 45.99-15.414-4.186-28.058-13.636-36.53-25.887-9.064-13.106-23.735-21.205-39.669-21.205h-64.784c-15.712 0-30.245 7.942-39.112 20.912-8.473 12.394-21.194 21.96-36.732 26.18-34.726 9.431-70.853-11.265-80.283-45.99L-492.408 0c-9.431-34.725 11.264-70.853 45.99-80.282 34.725-9.431 70.853 11.264 80.283 45.989l17.081 62.897 47.585 21.1h110.53l47.585-21.1 17.081-62.897c9.43-34.725 45.557-55.42 80.283-45.989C-11.265-70.853 9.431-34.725 0 0"
transform="translate(502.534 155.878)"
fill="#8ac2ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c8.473 12.251 21.115 21.7 36.53 25.887a65.492 65.492 0 0 0 7.003 1.486 64.814 64.814 0 0 1-27.037-1.486C1.082 21.7-11.562 12.251-20.034 0c-9.064-13.106-23.735-21.205-39.669-21.205h20.034C-23.734-21.205-9.063-13.106 0 0"
transform="translate(348.247 387.734)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.725 9.43-55.421 45.558-45.99 80.282l57.508 211.753c6.962 25.64 28.485 43.613 53.246 47.477C32.312 344.604.281 324.43-8.517 292.035L-66.023 80.282C-75.454 45.558-54.759 9.43-20.033 0A64.775 64.775 0 0 1 7.003-1.486 65.005 65.005 0 0 0 0 0"
transform="translate(76.15 75.596)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-11.06 40.725a48.28 48.28 0 0 1-27.023 31.484l-26.582 11.788h-20.034l47.585-21.101L-20.033 0c8.798-32.394 40.828-52.568 73.28-47.476C28.485-43.612 6.964-25.64 0 0"
transform="translate(396.294 121.585)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-27.642a5.706 5.706 0 0 1-5.706-5.705v-8.369a5.706 5.706 0 0 1 5.706-5.706H0a5.705 5.705 0 0 1 5.705 5.706v8.369A5.705 5.705 0 0 1 0 0"
transform="translate(270.658 255.844)"
fill="#ff6b6b"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v8.369a5.706 5.706 0 0 0 5.706 5.705h-20.033a5.705 5.705 0 0 1-5.706-5.705V0a5.706 5.706 0 0 1 5.706-5.706H5.706A5.706 5.706 0 0 0 0 0"
transform="translate(257.344 241.77)"
fill="#ee5253"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.259 0-13.143-5.885-13.143-13.144 0-7.258 5.884-13.142 13.143-13.142 7.26 0 13.144 5.884 13.144 13.142C13.144-5.885 7.26 0 0 0"
transform="translate(374.8 364.426)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.259 0-13.143-5.884-13.143-13.143 0-7.258 5.884-13.143 13.143-13.143 7.26 0 13.144 5.885 13.144 13.143C13.144-5.884 7.26 0 0 0"
transform="translate(374.8 296.206)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.259 0-13.143-5.885-13.143-13.144 0-7.258 5.884-13.143 13.143-13.143s13.144 5.885 13.144 13.143C13.144-5.885 7.259 0 0 0"
transform="translate(340.69 330.316)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-7.259 0-13.144-5.885-13.144-13.144 0-7.258 5.885-13.143 13.144-13.143s13.143 5.885 13.143 13.143C13.143-5.885 7.259 0 0 0"
transform="translate(408.91 330.316)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 4.021 1.81 7.613 4.653 10.024a13.08 13.08 0 0 1-8.49 3.12c-7.259 0-13.142-5.885-13.142-13.144s5.883-13.143 13.142-13.143c3.239 0 6.199 1.177 8.49 3.119C1.81-7.613 0-4.02 0 0"
transform="translate(378.637 351.282)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 4.02 1.81 7.613 4.653 10.024a13.084 13.084 0 0 1-8.49 3.119c-7.259 0-13.142-5.884-13.142-13.143s5.883-13.144 13.142-13.144a13.08 13.08 0 0 1 8.49 3.12C1.81-7.613 0-4.021 0 0"
transform="translate(378.637 283.063)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 4.021 1.81 7.613 4.653 10.024a13.08 13.08 0 0 1-8.49 3.12c-7.259 0-13.142-5.885-13.142-13.144s5.883-13.144 13.142-13.144a13.08 13.08 0 0 1 8.49 3.12C1.81-7.613 0-4.021 0 0"
transform="translate(344.527 317.173)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 4.021 1.81 7.613 4.653 10.024a13.079 13.079 0 0 1-8.489 3.12c-7.259 0-13.143-5.885-13.143-13.144s5.884-13.144 13.143-13.144c3.238 0 6.198 1.177 8.489 3.12C1.81-7.613 0-4.021 0 0"
transform="translate(412.746 317.173)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.582a4.354 4.354 0 0 1-4.353-4.353v-21.28c0-1.278.563-2.492 1.538-3.319l8.791-7.459a4.35 4.35 0 0 1 5.63 0l8.792 7.459a4.356 4.356 0 0 1 1.537 3.319v21.28A4.353 4.353 0 0 1 0 0"
transform="translate(143.503 363.557)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-17.582a4.353 4.353 0 0 0-4.353 4.353v21.28a4.35 4.35 0 0 0 1.538 3.318l8.791 7.46a4.35 4.35 0 0 0 5.63 0l8.792-7.46a4.352 4.352 0 0 0 1.537-3.318V4.353A4.352 4.352 0 0 0 0 0"
transform="translate(143.503 270.789)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-17.582a4.353 4.353 0 0 1 4.353-4.353h21.28c1.278 0 2.492.563 3.319 1.538l7.459 8.791a4.35 4.35 0 0 1 0 5.63l-7.459 8.791a4.354 4.354 0 0 1-3.319 1.538H4.353A4.354 4.354 0 0 1 0 0"
transform="translate(88.328 325.964)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-17.582a4.352 4.352 0 0 0-4.353-4.353h-21.28a4.35 4.35 0 0 0-3.318 1.538l-7.46 8.791a4.35 4.35 0 0 0 0 5.63l7.46 8.791a4.35 4.35 0 0 0 3.318 1.538h21.28A4.353 4.353 0 0 0 0 0"
transform="translate(181.096 325.964)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.348 4.348 0 0 0-1.536 3.318v21.281c0 2.208 1.65 4.012 3.782 4.295-.188.024-.375.057-.57.057h-17.582a4.353 4.353 0 0 1-4.353-4.352V3.318c0-1.278.563-2.492 1.537-3.318l8.791-7.46a4.352 4.352 0 0 1 5.631 0l6.546 5.554z"
transform="translate(141.827 334.605)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v21.28c0 1.279.562 2.492 1.536 3.319l2.246 1.906-6.546 5.554a4.352 4.352 0 0 1-5.631 0l-8.791-7.46a4.354 4.354 0 0 1-1.537-3.319V0a4.354 4.354 0 0 1 4.353-4.353H3.212c.195 0 .382.034.57.058C1.65-4.013 0-2.209 0 0"
transform="translate(140.291 275.142)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v17.582a4.353 4.353 0 0 0 4.352 4.353H-14.37a4.354 4.354 0 0 1-4.353-4.353V0a4.354 4.354 0 0 1 4.353-4.353H4.352A4.353 4.353 0 0 0 0 0"
transform="translate(107.05 308.382)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a4.352 4.352 0 0 0 0 5.631l7.459 8.791a4.354 4.354 0 0 0 3.318 1.537H-7.944a4.353 4.353 0 0 1-3.319-1.537l-7.46-8.791a4.352 4.352 0 0 1 0-5.631l7.46-8.791a4.35 4.35 0 0 1 3.319-1.537h18.721a4.35 4.35 0 0 0-3.318 1.537z"
transform="translate(163.407 314.357)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.674-15.139-33.813-33.813-33.813-18.673 0-33.812 15.139-33.812 33.813 0 18.675 15.139 33.813 33.812 33.813C-15.139 33.813 0 18.675 0 0"
transform="translate(202.337 214.762)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.674-15.138-33.813-33.812-33.813S-67.624-18.674-67.624 0c0 18.675 15.138 33.813 33.812 33.813S0 18.675 0 0"
transform="translate(377.947 214.762)"
fill="#54a0ff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 15.187 10.012 28.034 23.795 32.304a33.813 33.813 0 0 1-10.017 1.509C-4.896 33.813-20.034 18.675-20.034 0c0-18.674 15.138-33.813 33.812-33.813 3.488 0 6.852.53 10.017 1.51C10.012-28.033 0-15.187 0 0"
transform="translate(154.746 214.762)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 15.187 10.013 28.034 23.796 32.304a33.813 33.813 0 0 1-10.017 1.509C-4.896 33.813-20.033 18.675-20.033 0c0-18.674 15.137-33.813 33.812-33.813 3.488 0 6.852.53 10.017 1.51C10.013-28.033 0-15.187 0 0"
transform="translate(330.356 214.762)"
fill="#338def"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.674-15.138-33.813-33.813-33.813-18.673 0-33.812 15.139-33.812 33.813 0 18.675 15.139 33.813 33.812 33.813C-15.138 33.813 0 18.675 0 0Z"
transform="translate(202.007 214.762)"
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-18.674-15.139-33.813-33.813-33.813-18.673 0-33.812 15.139-33.812 33.813 0 18.675 15.139 33.813 33.812 33.813C-15.139 33.813 0 18.675 0 0Z"
transform="translate(377.618 214.762)"
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 0a86.507 86.507 0 0 1-19.37 2.187A86.468 86.468 0 0 1-40.239-.358c-6.923-1.72-11.813-7.892-11.813-15.025v-14.123c14.612 8.48 32.453 11.379 49.944 6.629a64.872 64.872 0 0 0 14.077-5.66v13.474C11.969-7.869 7.011-1.608 0 0Z"
transform="translate(149.893 436.498)"
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 0a86.474 86.474 0 0 1-20.869 2.545A86.5 86.5 0 0 1-40.239.358C-47.25-1.25-52.208-7.511-52.208-14.704v-13.7a64.883 64.883 0 0 0 14.476 5.885c17.33 4.707 35.009 1.908 49.545-6.392v13.887C11.813-7.892 6.923-1.72 0 0Z"
transform="translate(402.346 436.14)"
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-27.642a5.706 5.706 0 0 1-5.706-5.705v-8.369a5.706 5.706 0 0 1 5.706-5.706H0a5.706 5.706 0 0 1 5.706 5.706v8.369A5.706 5.706 0 0 1 0 0Z"
transform="translate(270.328 255.844)"
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-7.259 0-13.144-5.885-13.144-13.144 0-7.258 5.885-13.142 13.144-13.142s13.143 5.884 13.143 13.142C13.143-5.885 7.259 0 0 0Z"
transform="translate(374.47 364.426)"
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-7.259 0-13.144-5.884-13.144-13.143 0-7.258 5.885-13.143 13.144-13.143s13.143 5.885 13.143 13.143C13.143-5.884 7.259 0 0 0Z"
transform="translate(374.47 296.206)"
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-7.259 0-13.143-5.885-13.143-13.144 0-7.258 5.884-13.143 13.143-13.143s13.144 5.885 13.144 13.143C13.144-5.885 7.259 0 0 0Z"
transform="translate(340.36 330.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 0c-7.259 0-13.144-5.885-13.144-13.144 0-7.258 5.885-13.143 13.144-13.143s13.144 5.885 13.144 13.143C13.144-5.885 7.259 0 0 0Z"
transform="translate(408.58 330.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 0h-17.583a4.353 4.353 0 0 1-4.352-4.353v-21.28c0-1.278.562-2.492 1.537-3.319l8.791-7.459a4.352 4.352 0 0 1 5.631 0l8.791 7.459a4.353 4.353 0 0 1 1.537 3.319v21.28A4.353 4.353 0 0 1 0 0Z"
transform="translate(143.174 363.557)"
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-17.583a4.352 4.352 0 0 0-4.352 4.353v21.28c0 1.278.562 2.492 1.537 3.318l8.791 7.46a4.352 4.352 0 0 0 5.631 0l8.791-7.46a4.349 4.349 0 0 0 1.537-3.318V4.353A4.352 4.352 0 0 0 0 0Z"
transform="translate(143.174 270.789)"
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-17.582a4.352 4.352 0 0 1 4.352-4.353h21.281c1.277 0 2.491.563 3.318 1.538l7.459 8.791a4.35 4.35 0 0 1 0 5.63l-7.459 8.791a4.353 4.353 0 0 1-3.318 1.538H4.352A4.353 4.353 0 0 1 0 0Z"
transform="translate(87.999 325.964)"
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-17.582a4.352 4.352 0 0 0-4.352-4.353h-21.281a4.351 4.351 0 0 0-3.318 1.538l-7.459 8.791a4.348 4.348 0 0 0 0 5.63l7.459 8.791a4.351 4.351 0 0 0 3.318 1.538h21.281A4.353 4.353 0 0 0 0 0Z"
transform="translate(180.766 325.964)"
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 0h55.463"
transform="translate(228.268 317.173)"
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 0h37.258"
transform="translate(274.007 205.582)"
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 0h38.271"
transform="translate(200.735 205.582)"
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-22.349 82.292c-9.43 34.725-45.558 55.421-80.283 45.99-15.415-4.186-28.057-13.636-36.53-25.886-9.065-13.107-23.735-21.206-39.67-21.206h-64.784c-15.712 0-30.244 7.942-39.112 20.913-8.472 12.393-21.194 21.96-36.731 26.179-34.726 9.431-70.853-11.265-80.284-45.99l-57.507-211.753c-9.431-34.725 11.265-70.852 45.99-80.282 34.726-9.431 70.853 11.264 80.283 45.989l17.081 62.897"
transform="translate(467.046 285.339)"
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 17.081-62.896c9.431-34.725 45.559-55.42 80.283-45.99 34.726 9.43 55.421 45.558 45.99 80.282l-25.978 95.66"
transform="translate(358.85 184.481)"
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