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 flat style with a silver, gray, 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="512"
height="512"
viewBox="0 0 512 512"
>
<path
fill="#688d97"
d="M0 437.771V183.14c0-11.379 9.225-20.604 20.604-20.604h470.793c11.379 0 20.604 9.225 20.604 20.604v254.632c0 11.379-9.225 20.604-20.604 20.604H20.604C9.225 458.375 0 449.15 0 437.771z"
/>
<ellipse cx="256" cy="257.645" fill="#557983" rx="45.992" ry="11.514" />
<path
fill="#557983"
d="M512 183.137v254.63c0 11.383-9.22 20.604-20.604 20.604h-21.479c11.383 0 20.604-9.22 20.604-20.604v-254.63c0-11.373-9.22-20.604-20.604-20.604h21.479c11.384.001 20.604 9.231 20.604 20.604z"
/>
<path
fill="#cbe5e7"
d="M512 232.504v155.897l-21.479-8.561-18.564-7.397a10.297 10.297 0 0 1-6.49-9.57V258.032c0-4.213 2.575-8.004 6.49-9.57l18.564-7.397z"
/>
<path fill="#a9d3d8" d="M512 232.504v155.897l-21.479-8.561V241.065z" />
<path
fill="#7da2b0"
d="M490.522 354.925h-.091a7.726 7.726 0 1 1 0-15.452c4.267 0 7.772 3.459 7.772 7.726s-3.414 7.726-7.681 7.726zM490.522 329.171h-.091a7.726 7.726 0 1 1 0-15.452c4.267 0 7.772 3.459 7.772 7.726-.001 4.266-3.414 7.726-7.681 7.726z"
/>
<g fill="#557983">
<path
d="M196.24 379.355h-20.895a7.726 7.726 0 1 1 0-15.452h20.895a7.726 7.726 0 1 1 0 15.452zM82.148 379.355H61.254a7.726 7.726 0 1 1 0-15.452h20.895a7.726 7.726 0 1 1-.001 15.452zM128.746 427.9a7.726 7.726 0 0 1-7.726-7.726v-17.465a7.726 7.726 0 1 1 15.452 0v17.465a7.725 7.725 0 0 1-7.726 7.726z"
/>
</g>
<ellipse cx="128.747" cy="371.629" fill="#90bac4" rx="49.689" ry="34.171" />
<path
fill="#7da2b0"
d="M178.438 371.628c0 18.873-22.252 34.171-49.696 34.171a71.63 71.63 0 0 1-9.014-.567c23.138-2.905 40.682-16.843 40.682-33.604s-17.544-30.699-40.682-33.605a71.63 71.63 0 0 1 9.014-.567c27.444 0 49.696 15.299 49.696 34.172z"
/>
<path
fill="#cbe5e7"
d="M144.04 285.216v73.493c0 8.53-6.913 15.453-15.453 15.453-8.53 0-15.453-6.923-15.453-15.453v-73.493z"
/>
<path
fill="#a9d3d8"
d="M144.04 285.216v50.582c-4.883 1.504-10.075 2.308-15.453 2.308s-10.559-.804-15.453-2.308v-50.582z"
/>
<circle cx="128.592" cy="285.22" r="37.43" fill="#ec6264" />
<path
fill="#e64649"
d="M166.025 285.22c0 20.676-16.761 37.427-37.437 37.427-3.822 0-7.51-.577-10.982-1.638 15.309-4.698 26.434-18.935 26.434-35.788s-11.126-31.091-26.434-35.788a37.525 37.525 0 0 1 10.982-1.638c20.676-.002 37.437 16.749 37.437 37.425z"
/>
<ellipse cx="347.14" cy="324.54" fill="#64e0c4" rx="21.758" ry="14.962" />
<path
fill="#27d1b3"
d="M368.898 324.538c0 8.262-9.746 14.969-21.757 14.969-2.524 0-4.955-.299-7.211-.845 8.468-2.05 14.546-7.603 14.546-14.124s-6.078-12.074-14.546-14.113a30.733 30.733 0 0 1 7.211-.845c12.011 0 21.757 6.696 21.757 14.958z"
/>
<ellipse cx="294.354" cy="362.984" fill="#fee265" rx="21.758" ry="14.962" />
<path
fill="#fdd330"
d="M316.111 362.984c0 8.262-9.746 14.958-21.757 14.958-2.524 0-4.955-.299-7.211-.845 8.468-2.04 14.546-7.593 14.546-14.114s-6.078-12.074-14.546-14.113a30.733 30.733 0 0 1 7.211-.845c12.012.001 21.757 6.697 21.757 14.959z"
/>
<ellipse cx="401.392" cy="362.984" fill="#ec6264" rx="21.758" ry="14.962" />
<path
fill="#e64649"
d="M423.147 362.984c0 8.262-9.735 14.958-21.757 14.958-2.524 0-4.955-.299-7.211-.845 8.478-2.04 14.546-7.593 14.546-14.114s-6.068-12.074-14.546-14.113a30.733 30.733 0 0 1 7.211-.845c12.022.001 21.757 6.697 21.757 14.959z"
/>
<ellipse cx="347.14" cy="400.174" fill="#64b9fc" rx="21.758" ry="14.962" />
<path
fill="#31a7fb"
d="M368.898 400.174c0 8.262-9.746 14.958-21.757 14.958-2.524 0-4.955-.299-7.211-.845 8.468-2.04 14.546-7.592 14.546-14.114 0-6.521-6.078-12.074-14.546-14.113a30.733 30.733 0 0 1 7.211-.845c12.011.001 21.757 6.697 21.757 14.959z"
/>
<path
fill="#8dcafc"
d="M147.97 148.78h-.01l-28.15-28.16c-4.19-4.19-3.97-11.03.44-14.99 77.08-69.34 194.42-69.34 271.5 0 4.41 3.96 4.63 10.8.44 14.99l-28.15 28.16h-.01z"
/>
<path
fill="#31a7fb"
d="m195.24 196.05-47.27-47.27c64.49-49.95 151.57-49.95 216.06 0l-47.27 47.27z"
/>
<path
fill="#1785f8"
d="m316.76 196.05-53.48 53.48c-4.02 4.02-10.54 4.02-14.56 0l-53.48-53.48c38.73-21.55 82.79-21.55 121.52 0z"
/>
<path
fill="#20b69f"
d="M411.421 238.685h-44.445a8.298 8.298 0 0 1-8.298-8.298v-13.935a8.298 8.298 0 0 1 8.298-8.298h44.445a8.298 8.298 0 0 1 8.298 8.298v13.935a8.298 8.298 0 0 1-8.298 8.298z"
/>
<path
fill="#8dcafc"
d="M92.281 215.927c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.772 7.726-7.772 7.726 3.413 7.726 7.681v.091a7.726 7.726 0 0 1-7.726 7.726zM115.889 215.927c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.772 7.726-7.772 7.726 3.413 7.726 7.681v.091a7.726 7.726 0 0 1-7.726 7.726zM139.497 215.927c-4.267 0-7.726-3.459-7.726-7.726s3.459-7.772 7.726-7.772 7.726 3.413 7.726 7.681v.091a7.725 7.725 0 0 1-7.726 7.726z"
/>
<path
fill="#cbe5e7"
d="M256 317.091a7.726 7.726 0 0 1-3.816-1.008l-31.629-17.963a7.726 7.726 0 0 1-2.902-10.534 7.725 7.725 0 0 1 10.534-2.902L256 300.479l27.813-15.796a7.727 7.727 0 0 1 7.632 13.436l-31.629 17.963a7.716 7.716 0 0 1-3.816 1.009z"
/>
</svg>
More icons in the same style and category