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 gradient 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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="-46.44"
x2="-26.966"
y1="639.988"
y2="620.514"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M480 320h-36.075l-18.389-36.779a10.684 10.684 0 0 0-9.536-5.888h-85.333a10.66 10.66 0 0 0-9.536 5.888L302.741 320h-25.408v-32c0-5.888-4.779-10.667-10.667-10.667h-53.333V111.36c12.992-11.733 21.333-28.523 21.333-47.36 0-35.285-28.715-64-64-64s-64 28.715-64 64c0 18.837 8.341 35.627 21.333 47.36v165.973H74.667C68.779 277.333 64 282.112 64 288v32H32c-17.643 0-32 14.357-32 32v85.333c0 17.643 14.357 32 32 32h10.667v32c0 5.888 4.779 10.667 10.667 10.667h85.333c5.888 0 10.667-4.779 10.667-10.667v-32h213.333v32c0 5.888 4.779 10.667 10.667 10.667h85.333c5.888 0 10.667-4.779 10.667-10.667v-32H480c17.643 0 32-14.357 32-32V352c0-17.643-14.357-32-32-32zm-142.741-21.333h72.149L420.075 320h-93.483l10.667-21.333zM170.667 21.333c23.531 0 42.667 19.136 42.667 42.667s-19.136 42.667-42.667 42.667S128 87.531 128 64s19.136-42.667 42.667-42.667zm-21.334 102.742c6.699 2.389 13.824 3.925 21.333 3.925s14.635-1.536 21.333-3.925v153.259h-42.667V124.075zm-64 174.592H256V320H85.333v-21.333zm42.667 192H64v-21.333h64v21.333zm320 0h-64v-21.333h64v21.333zm42.667-53.334c0 5.888-4.779 10.667-10.667 10.667H32c-5.888 0-10.667-4.779-10.667-10.667V352c0-5.888 4.779-10.667 10.667-10.667h448c5.888 0 10.667 4.779 10.667 10.667v85.333z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-27.263"
x2="-25.143"
y1="629.044"
y2="626.924"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M437.333 362.667c-17.643 0-32 14.357-32 32s14.357 32 32 32 32-14.357 32-32-14.357-32-32-32zm0 42.666c-5.888 0-10.667-4.779-10.667-10.667s4.779-10.667 10.667-10.667S448 388.779 448 394.667c0 5.888-4.779 10.666-10.667 10.666z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-31.263"
x2="-29.143"
y1="629.044"
y2="626.924"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M352 362.667c-17.643 0-32 14.357-32 32s14.357 32 32 32 32-14.357 32-32-14.357-32-32-32zm0 42.666c-5.888 0-10.667-4.779-10.667-10.667s4.779-10.667 10.667-10.667 10.667 4.779 10.667 10.667c0 5.889-4.779 10.667-10.667 10.667z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-35.263"
x2="-33.143"
y1="629.044"
y2="626.924"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#369cdc" />
<stop offset="1" stop-color="#aa56d0" />
</linearGradient>
<path
d="M266.667 362.667c-17.643 0-32 14.357-32 32s14.357 32 32 32 32-14.357 32-32-14.358-32-32-32zm0 42.666c-5.888 0-10.667-4.779-10.667-10.667s4.779-10.667 10.667-10.667 10.667 4.779 10.667 10.667c-.001 5.889-4.779 10.667-10.667 10.667z"
fill="url(#d)"
/>
</svg>
More icons in the same style and category