Add icons to this collection by clicking the heart icon.
Controller icon - also known as interface, controller, controls, settings, adjustment, electronics, levels, adjust, and control console. Created in a clean lineal color style with a silver, gray, black, red, yellow, and teal 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0v247.172c0 11.046 8.954 20 20 20h457c11.046 0 20-8.954 20-20V0c0-11.045-8.954-20-20-20H20C8.954-20 0-11.045 0 0"
transform="translate(7.5 79.554)"
fill="#688d97"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-6.173-19.988-11.177-44.645-11.177C-69.302-11.177-89.29-6.173-89.29 0s19.988 11.177 44.645 11.177C-19.988 11.177 0 6.173 0 0"
transform="translate(300.645 254.403)"
fill="#557983"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-247.17c0-11.05-8.95-20-20-20h-20.85c11.05 0 20 8.95 20 20V0c0 11.04-8.95 20-20 20H-20C-8.95 20 0 11.04 0 0"
transform="translate(504.5 326.728)"
fill="#557983"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-151.33l-20.85 8.31-18.02 7.18a9.995 9.995 0 0 0-6.3 9.29v101.77c0 4.09 2.5 7.77 6.3 9.29l18.02 7.18z"
transform="translate(504.5 278.808)"
fill="#cbe5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-151.33l-20.85 8.31V-8.31Z"
transform="translate(504.5 278.808)"
fill="#a9d3d8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-164.416c0-11.045 8.954-20 20-20h187.802"
transform="translate(7.5 243.97)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h233.802c11.046 0 20 8.955 20 20v247.172c0 11.046-8.954 20-20 20h-457c-11.046 0-20-8.954-20-20v-47.361"
transform="translate(250.698 59.554)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-45.716a10 10 0 0 1 6.298-9.29l38.869-15.49V80.837L6.298 65.347A10 10 0 0 1 0 56.058V35.395"
transform="translate(459.334 197.97)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.088"
transform="translate(483.65 167.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-.088"
transform="translate(483.65 192.473)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-18.319-21.595-33.169-48.233-33.169-26.639 0-48.233 14.85-48.233 33.169 0 18.319 21.594 33.169 48.233 33.169C-21.595 33.169 0 18.319 0 0"
transform="translate(180.708 143.759)"
fill="#90bac4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.32-21.6-33.17-48.24-33.17-2.99 0-5.91.191-8.75.55C-34.53-29.8-17.5-16.27-17.5 0c0 16.271-17.03 29.8-39.49 32.62 2.84.36 5.76.55 8.75.55C-21.6 33.17 0 18.32 0 0"
transform="translate(180.71 143.76)"
fill="#7da2b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-18.319-21.595-33.169-48.233-33.169-26.639 0-48.233 14.85-48.233 33.169 0 18.319 21.594 33.169 48.233 33.169C-21.595 33.169 0 18.319 0 0Z"
transform="translate(180.708 143.759)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-8.284 0-15 6.715-15 15v71.333h30V15C15 6.715 8.284 0 0 0"
transform="translate(132.324 141.303)"
fill="#cbe5e7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v0c-8.284 0-15 6.715-15 15v71.333h30V15C15 6.715 8.284 0 0 0Z"
transform="translate(132.324 141.303)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-20.066-16.267-36.333-36.333-36.333C-56.4-36.333-72.667-20.066-72.667 0S-56.4 36.333-36.333 36.333C-16.267 36.333 0 20.066 0 0"
transform="translate(168.658 227.636)"
fill="#ec6264"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.07-16.27-36.33-36.34-36.33-3.71 0-7.29.56-10.66 1.59C-32.14-30.18-21.34-16.36-21.34 0c0 16.36-10.8 30.18-25.66 34.74a36.42 36.42 0 0 0 10.66 1.59C-16.27 36.33 0 20.07 0 0"
transform="translate(168.661 227.636)"
fill="#e64649"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-20.066-16.267-36.333-36.333-36.333C-56.4-36.333-72.667-20.066-72.667 0S-56.4 36.333-36.333 36.333C-16.267 36.333 0 20.066 0 0Z"
transform="translate(168.658 227.636)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20.283"
transform="translate(180.708 143.759)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h20.283"
transform="translate(63.959 143.759)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-16.953"
transform="translate(132.475 110.59)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.021-9.456-14.524-21.12-14.524-11.664 0-21.12 6.503-21.12 14.524 0 8.021 9.456 14.524 21.12 14.524C-9.456 14.524 0 8.021 0 0"
transform="translate(365.59 189.468)"
fill="#64e0c4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.02-9.46-14.53-21.12-14.53-2.45 0-4.81.29-7 .82C-19.9-11.72-14-6.33-14 0c0 6.33-5.9 11.72-14.12 13.7 2.19.53 4.55.821 7 .821C-9.46 14.521 0 8.021 0 0"
transform="translate(365.59 189.47)"
fill="#27d1b3"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.021-9.456-14.524-21.12-14.524-11.664 0-21.12 6.503-21.12 14.524 0 8.021 9.456 14.524 21.12 14.524C-9.456 14.524 0 8.021 0 0"
transform="translate(314.35 152.15)"
fill="#fee265"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.02-9.46-14.52-21.12-14.52-2.45 0-4.81.29-7 .82C-19.9-11.72-14-6.33-14 0c0 6.33-5.9 11.72-14.12 13.7 2.19.53 4.55.82 7 .82C-9.46 14.52 0 8.02 0 0"
transform="translate(314.35 152.15)"
fill="#fdd330"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.021-9.456-14.524-21.12-14.524-11.665 0-21.121 6.503-21.121 14.524 0 8.021 9.456 14.524 21.121 14.524C-9.456 14.524 0 8.021 0 0"
transform="translate(418.252 152.15)"
fill="#ec6264"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.02-9.45-14.52-21.12-14.52-2.45 0-4.81.29-7 .82C-19.89-11.72-14-6.33-14 0c0 6.33-5.89 11.72-14.12 13.7 2.19.53 4.55.82 7 .82C-9.45 14.52 0 8.02 0 0"
transform="translate(418.25 152.15)"
fill="#e64649"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.021-9.456-14.524-21.12-14.524-11.664 0-21.12 6.503-21.12 14.524 0 8.021 9.456 14.524 21.12 14.524C-9.456 14.524 0 8.021 0 0"
transform="translate(365.59 116.05)"
fill="#64b9fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.02-9.46-14.52-21.12-14.52-2.45 0-4.81.291-7 .82C-19.9-11.72-14-6.33-14 0c0 6.33-5.9 11.72-14.12 13.7 2.19.53 4.55.821 7 .821C-9.46 14.521 0 8.021 0 0"
transform="translate(365.59 116.05)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-8.021-9.456-14.524-21.12-14.524-11.664 0-21.12 6.503-21.12 14.524 0 8.021 9.456 14.524 21.12 14.524C-9.456 14.524 0 8.021 0 0Z"
transform="translate(365.59 189.468)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.021-9.456-14.524-21.12-14.524-11.664 0-21.12 6.503-21.12 14.524 0 8.021 9.456 14.524 21.12 14.524C-9.456 14.524 0 8.021 0 0Z"
transform="translate(314.35 152.15)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.021-9.456-14.524-21.12-14.524-11.665 0-21.121 6.503-21.121 14.524 0 8.021 9.456 14.524 21.121 14.524C-9.456 14.524 0 8.021 0 0Z"
transform="translate(418.252 152.15)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-8.021-9.456-14.524-21.12-14.524-11.664 0-21.12 6.503-21.12 14.524 0 8.021 9.456 14.524 21.12 14.524C-9.456 14.524 0 8.021 0 0Z"
transform="translate(365.59 116.05)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-125.13-125.131c-3.906-3.905-10.238-3.905-14.143 0L-264.403 0c-4.07 4.069-3.851 10.701.427 14.55 74.819 67.307 188.729 67.307 263.548 0C3.851 10.701 4.069 4.069 0 0"
transform="translate(388.202 387.416)"
fill="#8dcafc"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0-97.799-97.799c-3.905-3.905-10.237-3.905-14.142 0L-209.74 0C-147.14 48.48-62.6 48.48 0 0"
transform="translate(360.87 360.084)"
fill="#31a7fb"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c62.6 48.48 147.14 48.48 209.74 0"
transform="translate(151.13 360.084)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-51.909-51.909c-3.905-3.905-10.237-3.905-14.142 0L-117.96 0C-80.36 20.92-37.6 20.92 0 0"
transform="translate(314.98 314.193)"
fill="#1785f8"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c37.6 20.92 80.36 20.92 117.96 0"
transform="translate(197.02 314.193)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-125.13-125.131c-3.906-3.905-10.238-3.905-14.143 0L-264.403 0c-4.07 4.069-3.851 10.701.427 14.55 74.819 67.307 188.729 67.307 263.548 0C3.851 10.701 4.069 4.069 0 0Z"
transform="translate(388.202 387.416)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-43.143a8.055 8.055 0 0 0-8.055 8.055v13.526a8.055 8.055 0 0 0 8.055 8.055H0a8.055 8.055 0 0 0 8.055-8.055V8.055A8.055 8.055 0 0 0 0 0"
transform="translate(406.868 272.808)"
fill="#20b69f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-43.143a8.055 8.055 0 0 0-8.055 8.055v13.526a8.055 8.055 0 0 0 8.055 8.055H0a8.055 8.055 0 0 0 8.055-8.055V8.055A8.055 8.055 0 0 0 0 0Z"
transform="translate(406.868 272.808)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.088"
transform="translate(97.078 302.488)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.088"
transform="translate(119.994 302.488)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-.088"
transform="translate(142.91 302.488)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 30.702-17.437L61.404 0"
transform="translate(225.298 221.636)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category