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 blue style with a white and silver 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="100"
height="100"
viewBox="0 0 512 512"
>
<g transform="translate(1 1)">
<linearGradient
id="a"
x1="-49.836"
x2="-48.897"
y1="651.723"
y2="650.784"
gradientTransform="matrix(494.9333 0 0 -494.9333 24705.201 322565.094)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M468.333 451.267V58.733c-.022-28.268-22.932-51.178-51.2-51.2h-358.4c-28.268.022-51.178 22.932-51.2 51.2h102.4v392.533c.022 28.268 22.932 51.178 51.2 51.2h290.133c28.268-.022 51.178-22.932 51.2-51.2h-34.133z"
fill="url(#a)"
/>
<path
d="M109.933 58.733H7.533c0-28.277 22.923-51.2 51.2-51.2s51.2 22.923 51.2 51.2zM502.467 451.267c-.022 28.268-22.932 51.178-51.2 51.2H161.133c28.268-.022 51.178-22.932 51.2-51.2h290.134z"
fill="#e3e7f2"
/>
<path
d="M391.533 7.533h25.6c28.268.022 51.178 22.932 51.2 51.2v392.533h-25.6V58.733c-.022-28.267-22.932-51.177-51.2-51.2zM502.467 451.267c-.022 28.268-22.932 51.178-51.2 51.2h-25.6c28.268-.022 51.178-22.932 51.2-51.2h25.6z"
fill="#a4c2f7"
/>
<path
d="m169.667 314.733 54.609-70.211a17.067 17.067 0 0 1 13.472-6.589H340.52a17.069 17.069 0 0 1 13.472 6.589l54.609 70.211v25.6H169.667v-25.6z"
fill="#e3e7f2"
/>
<path
d="M306.2 166.168v97.365a8.533 8.533 0 0 1-8.533 8.533H280.6a8.533 8.533 0 0 1-8.533-8.533v-97.365H306.2z"
fill="#e3e7f2"
/>
<circle cx="289.133" cy="127" r="42.667" fill="#e3e7f2" />
<path
d="M169.667 314.733H408.6v51.2c0 9.426-7.641 17.067-17.067 17.067h-204.8c-9.426 0-17.067-7.641-17.067-17.067v-51.2z"
fill="#e3e7f2"
/>
<path
d="M408.6 314.733v51.2c-.028 9.414-7.653 17.039-17.067 17.067h-25.6c9.414-.028 17.039-7.653 17.067-17.067v-51.2l-54.613-70.229a16.98 16.98 0 0 0-13.483-6.571h25.6a16.978 16.978 0 0 1 13.483 6.571l54.613 70.229z"
fill="#a4c2f7"
/>
<path
d="M58.77 7.533h25.6c-28.268.022-51.178 22.932-51.2 51.2H7.57c.022-28.267 22.932-51.177 51.2-51.2z"
fill="#fff"
/>
<path
d="M135.57 451.267V58.733c-.022-28.268-22.932-51.178-51.2-51.2h-25.6c28.268.022 51.178 22.932 51.2 51.2v392.533c.022 28.268 22.932 51.178 51.2 51.2h25.6c-28.268-.022-51.178-22.932-51.2-51.199z"
fill="#fff"
/>
</g>
<path d="M119.467 59.733v392.534H102.4V59.733z" fill="#fff" />
<path
d="M110.933 136.533a8.57 8.57 0 0 0 6.059-14.592l-1.279-1.025a6.498 6.498 0 0 0-1.538-.771 5.384 5.384 0 0 0-1.537-.508 12.497 12.497 0 0 0-1.705-.171 8.958 8.958 0 0 0-6.059 2.475 8.412 8.412 0 0 0 2.813 13.909c1.027.438 2.13.67 3.246.683zM238.75 230.4a25.425 25.425 0 0 0-20.208 9.883l-54.608 70.208a7.96 7.96 0 0 0-.463.929 6.678 6.678 0 0 0-1.131 3.29c-.091.336-.16.678-.206 1.023v51.2c.015 14.132 11.468 25.585 25.6 25.6h204.8c14.132-.015 25.585-11.468 25.6-25.6v-51.2a7.948 7.948 0 0 0-.206-1.025 6.69 6.69 0 0 0-1.132-3.291 8.004 8.004 0 0 0-.462-.927l-54.608-70.208a25.425 25.425 0 0 0-20.208-9.883h-25.783v-58.127c20.069-11.587 29.853-35.208 23.855-57.592-5.998-22.384-26.282-37.948-49.455-37.948s-43.458 15.565-49.455 37.948c-5.998 22.384 3.787 46.005 23.855 57.592V230.4H238.75zm162.317 136.533a8.538 8.538 0 0 1-8.533 8.533h-204.8a8.538 8.538 0 0 1-8.533-8.533v-42.667h221.867v42.667zm-59.55-119.466a8.595 8.595 0 0 1 6.741 3.3l43.895 56.433H188.114l43.894-56.433a8.595 8.595 0 0 1 6.741-3.3h25.784v25.6a8.525 8.525 0 0 0 8.533 8.533H307.2a8.525 8.525 0 0 0 8.533-8.533v-25.6h25.784zm-51.384-153.6c18.851 0 34.133 15.282 34.133 34.133s-15.282 34.133-34.133 34.133S256 146.851 256 128c.019-18.844 15.29-34.115 34.133-34.133zm0 85.333a51.074 51.074 0 0 0 8.533-.771v86.104H281.6v-86.104c2.818.496 5.672.753 8.533.771z"
fill="#428dff"
/>
<path
d="M503.467 443.733h-25.6v-384C477.827 26.76 451.107.04 418.133 0h-358.4C26.76.04.04 26.76 0 59.733a8.525 8.525 0 0 0 8.533 8.533H102.4v25.6a8.533 8.533 0 0 0 17.066 0V59.733a59.527 59.527 0 0 0-18.011-42.667h316.678c23.553.028 42.639 19.114 42.667 42.667v384H213.333a8.525 8.525 0 0 0-8.533 8.533c0 23.564-19.103 42.667-42.667 42.667s-42.667-19.103-42.667-42.667V162.133a8.533 8.533 0 0 0-17.066 0v290.133c.04 32.973 26.76 59.693 59.733 59.733h290.133c32.973-.04 59.693-26.76 59.733-59.733a8.525 8.525 0 0 0-8.532-8.533zM101.542 51.2H17.925c4.057-19.866 21.533-34.133 41.808-34.133S97.485 31.334 101.542 51.2zm350.725 443.733H203.855a59.583 59.583 0 0 0 17.33-34.133h272.89c-4.081 19.851-21.542 34.107-41.808 34.133z"
fill="#428dff"
/>
</svg>
More icons in the same style and category