Add icons to this collection by clicking the heart icon.
Joystick icon - also known as technology, joystick, video game, gamepad, game controller, multimedia, electronics, gaming, and gamer. Created in a clean lineal color style with a white, silver, gray, black, red, 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 0v-226.735c0-34.677-28.111-62.788-62.788-62.788-34.677 0-62.788 28.111-62.788 62.788V0Z"
transform="translate(318.787 297.023)"
fill="#eff5f6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-226.734c0-34.676-28.11-62.786-62.786-62.786-3.079 0-6.104.222-9.059.657 30.381 4.392 53.726 30.532 53.726 62.129V0Z"
transform="translate(318.786 297.02)"
fill="#cbe5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v64.993h-125.576v-226.736a62.497 62.497 0 0 1 6.859-28.524"
transform="translate(318.787 232.03)"
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 0a62.48 62.48 0 0 1 31.599-8.539c34.677 0 62.788 28.112 62.788 62.789v126.347"
transform="translate(224.4 16.039)"
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-23.847-28.111-43.179-62.788-43.179-34.677 0-62.788 19.332-62.788 43.179s28.111 43.179 62.788 43.179C-28.111 43.179 0 23.847 0 0"
transform="translate(318.787 297.023)"
fill="#90bac4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.849-28.118-43.18-62.797-43.18-3.892 0-7.694.248-11.391.716C-44.95-38.792-22.781-21.18-22.781 0S-44.95 38.792-74.188 42.463c3.697.469 7.499.716 11.391.716C-28.118 43.179 0 23.849 0 0"
transform="translate(318.79 297.025)"
fill="#7da2b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-23.847-28.111-43.179-62.788-43.179-34.677 0-62.788 19.332-62.788 43.179s28.111 43.179 62.788 43.179C-28.111 43.179 0 23.847 0 0Z"
transform="translate(318.787 297.023)"
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-10.784 0-19.527 8.742-19.527 19.526v63.465h39.053V19.526C19.526 8.742 10.784 0 0 0"
transform="translate(255.803 286.478)"
fill="#cbe5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-10.784 0-19.527 8.742-19.527 19.526v63.465h39.053V19.526C19.526 8.742 10.784 0 0 0Z"
transform="translate(255.803 286.478)"
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-26.122-21.176-47.298-47.297-47.298-26.122 0-47.298 21.176-47.298 47.298 0 26.122 21.176 47.297 47.298 47.297C-21.176 47.297 0 26.122 0 0"
transform="translate(303.1 369.468)"
fill="#ec6264"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.173-11.593-11.177-25.893-11.177S-51.786-6.173-51.786 0s11.593 11.177 25.893 11.177S0 6.173 0 0"
transform="translate(281.696 382.903)"
fill="#e64649"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-26.126-21.18-47.293-47.306-47.293-4.83 0-9.49.729-13.877 2.069C-41.839-39.287-27.78-21.297-27.78 0c0 21.297-14.059 39.287-33.403 45.223a47.404 47.404 0 0 0 13.877 2.07C-21.18 47.293 0 26.126 0 0"
transform="translate(303.104 369.468)"
fill="#e64649"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-26.122-21.176-47.298-47.297-47.298-26.122 0-47.298 21.176-47.298 47.298 0 26.122 21.176 47.297 47.298 47.297C-21.176 47.297 0 26.122 0 0Z"
transform="translate(303.1 369.468)"
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-71.981-71.981a8.874 8.874 0 0 0-12.549 0L-156.511 0c-3.733 3.734-3.507 9.601.509 13.029 44.697 38.158 110.796 38.158 155.493 0C3.507 9.601 3.733 3.734 0 0"
transform="translate(334.255 462.853)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-57.479-57.479a8.873 8.873 0 0 0-12.548 0L-127.506 0C-89.45 29.472-38.056 29.472 0 0"
transform="translate(319.753 448.35)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c38.056 29.472 89.45 29.472 127.506 0"
transform="translate(192.247 448.35)"
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-29.581-29.581a8.874 8.874 0 0 0-12.549 0L-71.711 0C-48.853 12.718-22.858 12.718 0 0"
transform="translate(291.856 420.453)"
fill="#1785f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c22.858 12.718 48.853 12.718 71.711 0"
transform="translate(220.144 420.453)"
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 0a119.11 119.11 0 0 1-41.021-22.864c-4.016-3.429-4.243-9.296-.509-13.03l71.981-71.981a8.874 8.874 0 0 1 12.549 0l71.98 71.981c3.734 3.734 3.507 9.601-.508 13.03C91.591-3.331 63.102 6.176 34.747 5.711"
transform="translate(219.275 498.746)"
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.492-7.695-17.187-17.187-17.187-9.493 0-17.188 7.695-17.188 17.187 0 9.493 7.695 17.187 17.188 17.187C-7.695 17.187 0 9.493 0 0"
transform="translate(254.708 119.142)"
fill="#20b69f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.492-7.695-17.187-17.187-17.187-9.493 0-17.188 7.695-17.188 17.187 0 9.493 7.695 17.187 17.188 17.187C-7.695 17.187 0 9.493 0 0Z"
transform="translate(254.708 119.142)"
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.492-7.695-17.187-17.187-17.187-9.493 0-17.188 7.695-17.188 17.187 0 9.493 7.695 17.187 17.188 17.187C-7.695 17.187 0 9.493 0 0"
transform="translate(291.667 74.017)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-9.492-7.695-17.187-17.187-17.187-9.493 0-17.188 7.695-17.188 17.187 0 9.493 7.695 17.187 17.188 17.187C-7.695 17.187 0 9.493 0 0Z"
transform="translate(291.667 74.017)"
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-19.803-16.053-35.855-35.855-35.855-19.803 0-35.856 16.052-35.856 35.855 0 19.802 16.053 35.855 35.856 35.855C-16.053 35.855 0 19.802 0 0"
transform="translate(291.856 193.36)"
fill="#fcb982"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-19.803-16.053-35.855-35.855-35.855-19.803 0-35.856 16.052-35.856 35.855 0 19.802 16.053 35.855 35.856 35.855C-16.053 35.855 0 19.802 0 0Z"
transform="translate(291.856 193.36)"
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-25.559"
transform="translate(256 206.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-25.56"
transform="translate(268.78 193.36)"
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-.088"
transform="translate(281.166 119.23)"
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-.088"
transform="translate(230.833 74.061)"
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