Add icons to this collection by clicking the heart icon.
Joystick icon - also known as wifi, joystick, video game, gamepad, game controller, connectivity, gaming, gamer, and game console. 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="512"
height="512"
viewBox="0 0 64 64"
>
<linearGradient
id="a"
x1="32"
x2="32"
y1="-4.571"
y2="65.738"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff33b" />
<stop offset=".014" stop-color="#fee72e" />
<stop offset=".042" stop-color="#fed51b" />
<stop offset=".07" stop-color="#fdca10" />
<stop offset=".1" stop-color="#fdc70c" />
<stop offset=".4" stop-color="#f3903f" />
<stop offset=".8" stop-color="#ed683c" />
<stop offset="1" stop-color="#e93e3a" />
</linearGradient>
<linearGradient id="b" x1="13" x2="13" y1="-4.571" y2="65.738" href="#a" />
<linearGradient id="c" x1="51" x2="51" y1="-4.571" y2="65.738" href="#a" />
<linearGradient id="d" x1="49" x2="49" y1="-4.571" y2="65.738" href="#a" />
<linearGradient id="e" x1="53" x2="53" y1="-4.571" y2="65.738" href="#a" />
<linearGradient id="f" x1="14" x2="14" y1="-4.571" y2="65.738" href="#a" />
<linearGradient id="g" x1="50" x2="50" y1="-4.571" y2="65.738" href="#a" />
<g>
<path
fill="url(#a)"
d="M31 42h2v3h-2zM35 34h-6a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1zm-1 4h-4v-2h4zM27 30h10v2H27z"
/>
<path
fill="url(#b)"
d="M10 38v3a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1v-3h3a1 1 0 0 0 1-1v-4a1 1 0 0 0-1-1h-3v-3a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v3H7a1 1 0 0 0-1 1v4a1 1 0 0 0 1 1zm-2-4h3a1 1 0 0 0 1-1v-3h2v3a1 1 0 0 0 1 1h3v2h-3a1 1 0 0 0-1 1v3h-2v-3a1 1 0 0 0-1-1H8z"
/>
<path
fill="url(#c)"
d="M44 35a7 7 0 1 0 7-7 7.008 7.008 0 0 0-7 7zm12 0a5 5 0 1 1-5-5 5.006 5.006 0 0 1 5 5z"
/>
<path fill="url(#c)" d="M50 32h2v2h-2z" />
<path fill="url(#d)" d="M48 34h2v2h-2z" />
<path fill="url(#c)" d="M50 36h2v2h-2z" />
<path fill="url(#e)" d="M52 34h2v2h-2z" />
<g fill="url(#a)">
<path
d="M56 25.21V23a3.009 3.009 0 0 0-3-3h-4a3.009 3.009 0 0 0-3 3v2.21a12.159 12.159 0 0 0-1.3.79H36v-1a3.009 3.009 0 0 0-3-3h-2a3.009 3.009 0 0 0-3 3v1h-8.7a12.159 12.159 0 0 0-1.3-.79V23a3.009 3.009 0 0 0-3-3h-4a3.009 3.009 0 0 0-3 3v2.21a10.972 10.972 0 0 0-3 17.32V57a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5v-5a3.009 3.009 0 0 1 3-3h12a3.009 3.009 0 0 1 3 3v5a5 5 0 0 0 5 5h8a5 5 0 0 0 5-5V42.53a10.972 10.972 0 0 0-3-17.32zM48 23a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.43a10.68 10.68 0 0 0-6 0zm-18 2a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v1h-4zm-20-2a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1.43a10.68 10.68 0 0 0-6 0zM4 35a9 9 0 1 1 9 9 9.014 9.014 0 0 1-9-9zm53 22a3.009 3.009 0 0 1-3 3h-8a3.009 3.009 0 0 1-3-3v-5a5 5 0 0 0-5-5H26a5 5 0 0 0-5 5v5a3.009 3.009 0 0 1-3 3h-8a3.009 3.009 0 0 1-3-3V44.21A10.993 10.993 0 0 0 21.48 28h21.04A10.992 10.992 0 0 0 57 44.21zm-6-13a9 9 0 1 1 9-9 9.014 9.014 0 0 1-9 9zM32 4a13.905 13.905 0 0 1 9.893 4.107l1.414-1.414a15.968 15.968 0 0 0-22.614 0l1.414 1.414A13.905 13.905 0 0 1 32 4z"
/>
<path
d="M40.485 9.511a12.008 12.008 0 0 0-16.97 0l1.41 1.418a10.009 10.009 0 0 1 14.15 0z"
/>
<path
d="M37.657 12.343a8 8 0 0 0-11.314 0l1.414 1.414a6 6 0 0 1 8.486 0zM29 17a3 3 0 1 0 3-3 3 3 0 0 0-3 3zm4 0a1 1 0 1 1-1-1 1 1 0 0 1 1 1z"
/>
</g>
<path fill="url(#f)" d="M9 56h10v2H9z" />
<path fill="url(#g)" d="M45 56h10v2H45z" />
</g>
</svg>
More icons in the same style and category