Add icons to this collection by clicking the heart icon.
Joystick icon - also known as joystick, video game, gamepad, game controller, 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">
<stop offset="0" stop-color="#00a5e9" />
<stop offset="1" stop-color="#15ffce" />
</linearGradient>
<linearGradient
id="b"
x1="22.704"
x2="22.704"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="15.635"
x2="15.635"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="17.17"
x2="17.17"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="21.17"
x2="21.17"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="25.206"
x2="25.206"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="13.132"
x2="13.132"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="19.17"
x2="19.17"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="52.334"
x2="52.334"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="j"
x1="57.307"
x2="57.307"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="k"
x1="42.264"
x2="42.264"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="l"
x1="32"
x2="32"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="m"
x1="21.735"
x2="21.735"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="n"
x1="6.693"
x2="6.693"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="o"
x1="11.666"
x2="11.666"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="39.76"
x2="39.76"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="q"
x1="44.83"
x2="44.83"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="r"
x1="49.9"
x2="49.9"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="s"
x1="42.414"
x2="42.414"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="t"
x1="56.18"
x2="56.18"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="u"
x1="51.666"
x2="51.666"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="v"
x1="35.44"
x2="35.439"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="w"
x1="28.561"
x2="28.561"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="x"
x1="12.334"
x2="12.334"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="y"
x1="7.82"
x2="7.82"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="z"
x1="21.586"
x2="21.586"
y1="60"
y2="4"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M21.17 26.389h3.068a1 1 0 1 0 0-2H21.17a1 1 0 1 0 0 2z"
/>
<path
fill="url(#c)"
d="M14.1 22.389h3.07a1 1 0 1 0 0-2H14.1a1 1 0 1 0 0 2z"
/>
<path
fill="url(#d)"
d="M17.17 24.389a1 1 0 0 0-1 1v3.07a1 1 0 1 0 2 0v-3.07a1 1 0 0 0-1-1z"
/>
<path
fill="url(#e)"
d="M21.17 22.389a1 1 0 0 0 1-1v-3.07a1 1 0 1 0-2 0v3.07a1 1 0 0 0 1 1z"
/>
<path
fill="url(#f)"
d="M24.238 20.389a1 1 0 1 0 0 2c.891 0 .936.833.936 1 0 .281-.09.544-.242.723-.16.186-.387.277-.693.277a1 1 0 1 0 0 2c.885 0 1.67-.346 2.209-.973a3.095 3.095 0 0 0 .727-2.027c-.001-1.491-1.009-3-2.937-3z"
/>
<path
fill="url(#g)"
d="M14.1 26.389a1 1 0 1 0 0-2c-.891 0-.936-.833-.936-1 0-.281.09-.544.242-.723.16-.186.387-.277.693-.277a1 1 0 1 0 0-2c-.885 0-1.67.346-2.209.973a3.095 3.095 0 0 0-.727 2.027c.001 1.491 1.009 3 2.937 3z"
/>
<path
fill="url(#h)"
d="M19.17 31.394c1.49 0 3-1.008 3-2.935a1 1 0 1 0-2 0c0 .889-.834.935-1 .935-.168 0-1-.045-1-.935a1 1 0 1 0-2 0c0 1.927 1.508 2.935 3 2.935zM17.17 19.319a1 1 0 0 0 1-1c0-.89.832-.935 1-.935.166 0 1 .045 1 .935a1 1 0 1 0 2 0c0-3.854-6-3.854-6 0a1 1 0 0 0 1 1z"
/>
<path
fill="url(#i)"
d="M49.762 51.416a7.132 7.132 0 0 0 4.779.948 1 1 0 1 0-.307-1.976 5.133 5.133 0 0 1-3.436-.682 1.004 1.004 0 0 0-1.375.337 1.002 1.002 0 0 0 .339 1.373z"
/>
<path
fill="url(#j)"
d="M56.973 45.246a1 1 0 0 0 .965 1.033h.035a1 1 0 0 0 .998-.967 93.464 93.464 0 0 0-1.396-19.484 1.001 1.001 0 0 0-1.969.351 91.45 91.45 0 0 1 1.367 19.067z"
/>
<path
fill="url(#k)"
d="M37.785 16.157a1 1 0 0 0 .65-.24 9.787 9.787 0 0 1 8.131-2.205 1 1 0 0 0 .353-1.969c-3.51-.63-7.076.336-9.785 2.654a.999.999 0 0 0 .651 1.76z"
/>
<path
fill="url(#l)"
d="M30.906 17.889h2.188a1 1 0 1 0 0-2h-2.188a1 1 0 1 0 0 2z"
/>
<path
fill="url(#m)"
d="M17.434 13.711a9.79 9.79 0 0 1 8.131 2.205 1 1 0 0 0 1.41-.11 1 1 0 0 0-.109-1.41 11.787 11.787 0 0 0-9.785-2.654 1 1 0 1 0 .353 1.969z"
/>
<path
fill="url(#n)"
d="M6.027 46.279h.035a1 1 0 0 0 .965-1.033A91.436 91.436 0 0 1 8.394 26.18a1 1 0 0 0-1.969-.351 93.396 93.396 0 0 0-1.396 19.484 1 1 0 0 0 .998.966z"
/>
<path
fill="url(#o)"
d="M9.459 52.363a7.132 7.132 0 0 0 4.779-.948.999.999 0 1 0-1.037-1.71 5.135 5.135 0 0 1-3.436.681 1.006 1.006 0 0 0-1.143.835c-.083.546.29 1.057.837 1.142z"
/>
<path
fill="url(#l)"
d="M29.854 33.596a5.373 5.373 0 0 1 4.293 0 1 1 0 0 0 .8-1.833 7.396 7.396 0 0 0-5.895 0 1 1 0 1 0 .802 1.833z"
/>
<path
fill="url(#c)"
d="M13.1 25.389a1 1 0 0 0 1 1h3.07a1 1 0 1 0 0-2H14.1a1 1 0 0 0-1 1z"
/>
<path
fill="url(#b)"
d="M21.17 22.389h3.068a1 1 0 1 0 0-2H21.17a1 1 0 1 0 0 2z"
/>
<path
fill="url(#d)"
d="M18.17 21.389v-3.07a1 1 0 1 0-2 0v3.07a1 1 0 1 0 2 0z"
/>
<path
fill="url(#e)"
d="M21.17 29.459a1 1 0 0 0 1-1v-3.07a1 1 0 1 0-2 0v3.07a1 1 0 0 0 1 1z"
/>
<path
fill="url(#p)"
d="M36.76 23.389c0 1.926 1.51 2.935 3 2.935.764 0 1.484-.258 2.027-.726.627-.539.973-1.324.973-2.209 0-3.853-6-3.853-6 0zm3-.934c.168 0 1 .045 1 .935 0 .306-.09.533-.277.693a1.119 1.119 0 0 1-.723.242c-.166 0-1-.045-1-.935s.834-.935 1-.935z"
/>
<path
fill="url(#q)"
d="M44.83 21.254c1.492 0 3-1.008 3-2.935 0-3.854-6-3.854-6 0 0 1.927 1.51 2.935 3 2.935zm0-3.869c.168 0 1 .045 1 .935s-.832.935-1 .935c-.166 0-1-.045-1-.935s.834-.935 1-.935z"
/>
<path
fill="url(#r)"
d="M46.9 23.389c0 1.926 1.51 2.935 3 2.935 1.492 0 3-1.008 3-2.935 0-3.852-6-3.852-6 0zm3 .935c-.166 0-1-.045-1-.935s.834-.934 1-.934c.168 0 1 .045 1 .934s-.832.935-1 .935z"
/>
<path
fill="url(#q)"
d="M44.83 31.394c1.492 0 3-1.008 3-2.935 0-3.853-6-3.853-6 0 0 1.927 1.51 2.935 3 2.935zm0-3.869c.168 0 1 .045 1 .934s-.832.935-1 .935c-.166 0-1-.045-1-.935s.834-.934 1-.934z"
/>
<path
fill="url(#s)"
d="M50.748 49.677c-3.189-1.692-5.209-4.947-7.16-8.095l-1.146-1.847c-1.855-3.019-3.959-6.44-7.496-7.973a1 1 0 1 0-.795 1.835c2.959 1.282 4.803 4.283 6.588 7.185l1.148 1.854c1.996 3.217 4.256 6.862 7.924 8.808a1.003 1.003 0 0 0 1.354-.414 1.003 1.003 0 0 0-.417-1.353z"
/>
<path
fill="url(#t)"
d="M56.973 45.242c-.152 4.106-1.67 4.909-2.799 5.156a.999.999 0 1 0 .428 1.954c2.748-.602 4.219-2.968 4.369-7.036a1.001 1.001 0 0 0-.963-1.037c-.524-.027-1.016.411-1.035.963z"
/>
<path
fill="url(#u)"
d="M46.563 13.71c5.877 1.078 8.191 8.29 9.047 12.493a1 1 0 1 0 1.959-.4c-1.65-8.112-5.432-13.105-10.645-14.061a1 1 0 0 0-.361 1.968z"
/>
<path
fill="url(#v)"
d="M33.094 17.889a8.232 8.232 0 0 0 5.342-1.972 1 1 0 0 0-1.301-1.52 6.22 6.22 0 0 1-4.041 1.493 1 1 0 1 0 0 1.999z"
/>
<path
fill="url(#w)"
d="M30.906 17.889a1 1 0 1 0 0-2c-1.48 0-2.916-.53-4.041-1.492a1.003 1.003 0 0 0-1.41.109 1.001 1.001 0 0 0 .109 1.41 8.226 8.226 0 0 0 5.342 1.973z"
/>
<path
fill="url(#x)"
d="M7.213 26.984a1.002 1.002 0 0 0 1.178-.782c.848-4.199 3.15-11.405 9.047-12.491a1 1 0 1 0-.361-1.967c-7.055 1.299-9.699 9.368-10.646 14.063a.998.998 0 0 0 .782 1.177z"
/>
<path
fill="url(#y)"
d="M9.396 52.351a1 1 0 0 0 .43-1.954c-1.129-.248-2.646-1.052-2.799-5.156a1 1 0 1 0-1.998.075c.151 4.065 1.619 6.432 4.367 7.035z"
/>
<path
fill="url(#z)"
d="M29.057 31.761c-3.535 1.525-5.639 4.948-7.496 7.968l-1.152 1.86c-1.951 3.146-3.969 6.399-7.156 8.086a.999.999 0 0 0 .469 1.884c.156 0 .316-.037.467-.116 3.666-1.94 5.926-5.584 7.92-8.8l1.158-1.868c1.783-2.902 3.627-5.904 6.584-7.178a1 1 0 0 0-.794-1.836z"
/>
</svg>
More icons in the same style and category