Add icons to this collection by clicking the heart icon.
Controller icon - also known as joystick, controller, monitor, electronics, panel, and device. 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="63"
y2="1"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9f2fff" />
<stop offset="1" stop-color="#0bb1d3" />
</linearGradient>
<path
fill="url(#a)"
d="M21 51h6v-6h-6zm2-4h2v2h-2zm6 4h6v-6h-6zm2-4h2v2h-2zm6 4h6v-6h-6zm2-4h2v2h-2zM12 31c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2zm0-8c-3.859 0-7 3.14-7 7s3.141 7 7 7 7-3.14 7-7-3.141-7-7-7zm0 12c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm40-8c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2zm-12-2c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2zm-8-4c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2zm-8-4c-1.654 0-3 1.346-3 3s1.346 3 3 3 3-1.346 3-3-1.346-3-3-3zm0 4a1.001 1.001 0 0 1 0-2 1.001 1.001 0 0 1 0 2zm28-10c-3.859 0-7 3.14-7 7s3.141 7 7 7 7-3.14 7-7-3.141-7-7-7zm0 12c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.243 5-5 5zm6-14.208V22c0-1.654-1.346-3-3-3h-6c-1.654 0-3 1.346-3 3v1h-7v-4h-4v-4h-2v-1c0-1.654-1.346-3-3-3H15a1.001 1.001 0 0 1 0-2h35c1.654 0 3-1.346 3-3s-1.346-3-3-3H34c-.552 0-1-.449-1-1V1h-2v1c0 1.654 1.346 3 3 3h16a1.001 1.001 0 0 1 0 2H15c-1.654 0-3 1.346-3 3s1.346 3 3 3h15c.552 0 1 .449 1 1v1h-2v4h-4v4h-7v-1c0-1.654-1.346-3-3-3H9c-1.654 0-3 1.346-3 3v2.792C2.994 26.758 1 30.148 1 34v13.134a10.98 10.98 0 0 0 2.86 7.4l6.343 6.976A4.562 4.562 0 0 0 13.571 63a4.537 4.537 0 0 0 4.337-3.167L19.452 55h25.095l1.543 4.833A4.54 4.54 0 0 0 50.429 63h.325a4.574 4.574 0 0 0 2.845-.998l5.273-4.219A10.948 10.948 0 0 0 63 49.194V34c0-3.852-1.994-7.242-5-9.208zM48 22c0-.551.448-1 1-1h6c.552 0 1 .449 1 1v1.764A10.927 10.927 0 0 0 52 23h-4zm-7.387 3-1.334 4H24.721l-1.334-4zM31 17h2v2h-2zm-4 4h10v2H27zM8 22c0-.551.448-1 1-1h6c.552 0 1 .449 1 1v1h-4c-1.412 0-2.758.277-4 .764zm8.003 37.224A2.543 2.543 0 0 1 13.571 61a2.558 2.558 0 0 1-1.889-.836L5.34 53.188A8.982 8.982 0 0 1 3 47.134v-.09l1.754-.013c2.063 0 4.037 1.056 5.113 2.794 1.474 2.381 3.852 5.321 7.042 6.563zM20.618 53 19 49.764V46c0-1.654 1.346-3 3-3h20c1.654 0 3 1.346 3 3v3.764L43.382 53zm37.004 3.222L52.35 60.44a2.57 2.57 0 0 1-1.596.56h-.325a2.545 2.545 0 0 1-2.433-1.776l-.907-2.839c3.196-1.244 5.578-4.191 7.044-6.56 1.076-1.738 3.058-2.802 5.113-2.794l1.754.013v2.15a8.958 8.958 0 0 1-3.378 7.028zM61 45.043l-1.74-.013h-.057c-2.75 0-5.34 1.43-6.771 3.742-1.282 2.072-3.322 4.637-5.951 5.708l-.625-1.956L47 50.236V46c0-2.757-2.243-5-5-5H22c-2.757 0-5 2.243-5 5v4.236l1.144 2.289-.627 1.96c-2.624-1.068-4.661-3.63-5.949-5.713-1.432-2.312-4.021-3.742-6.771-3.742H4.74L3 45.043V34c0-4.962 4.037-9 9-9h9.28l2 6h17.441l2-6H52c4.963 0 9 4.038 9 9z"
/>
</svg>
More icons in the same style and category