Add icons to this collection by clicking the heart icon.
Controller icon - also known as interface, controller, controls, settings, adjustment, levels, adjust, midi, and music and multimedia. Created in a clean lineal color style with a white, silver, gray, yellow, teal, orange, and pink 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"
>
<path d="M36 68.5h350v275H36z" fill="#00dba8" />
<path d="M36 68.5h350v22H36z" fill="#00ad85" />
<path d="M36 343.5h350v161H36z" fill="#fefefe" />
<path d="M36 343.5h350v24.833H36z" fill="#f0f0f0" />
<path d="M101 343.5V434H71v-90.5M151 343.5V434h-30v-90.5" fill="#8ca4b8" />
<path
d="M151 343.5v24.833h-30V343.5M101 343.5v24.833H71V343.5"
fill="#627b8c"
/>
<path d="M201 343.5V434h-30v-90.5" fill="#8ca4b8" />
<path d="M201 343.5v24.833h-30V343.5" fill="#627b8c" />
<path d="M301 343.5V434h-30v-90.5" fill="#8ca4b8" />
<path d="M301 343.5v24.833h-30V343.5" fill="#627b8c" />
<path d="M351 343.5V434h-30v-90.5" fill="#8ca4b8" />
<path d="M351 343.5v24.833h-30V343.5" fill="#627b8c" />
<path
d="M61 118.5h30v25H61zM116 118.5h30v25h-30zM61 168.5h30v25H61zM116 168.5h30v25h-30z"
fill="#feec76"
/>
<path
d="M191 118.5h40v35h-40zM256 118.5h40v35h-40zM191 178.5h40v35h-40zM256 178.5h40v35h-40zM321 118.5h40v35h-40zM321 178.5h40v35h-40z"
fill="#fff"
/>
<path d="M61 268.5h30v25H61zM116 268.5h30v25h-30z" fill="#feec76" />
<circle cx="241.56" cy="281" r="12.5" fill="#ff6242" />
<circle cx="291.56" cy="281" r="12.5" fill="#ff6242" />
<circle cx="341.56" cy="281" r="12.5" fill="#ff6242" />
<path
d="M61 311h15v15H61zM346 311h15v15h-15zM61 86h15v15H61zM346 86h15v15h-15z"
fill="#fff"
/>
<path d="M386 178.5h60v30h-60" fill="#fed800" />
<path
d="M98.5 111h-45v40h45v-40zm-15 25h-15v-10h15v10zM153.5 111h-45v40h45v-40zm-15 25h-15v-10h15v10zM98.5 161h-45v40h45v-40zm-15 25h-15v-10h15v10zM153.5 161h-45v40h45v-40zm-15 25h-15v-10h15v10zM238.5 111h-55v50h55v-50zm-15 35h-25v-20h25v20zM303.5 111h-55v50h55v-50zm-15 35h-25v-20h25v20zM238.5 171h-55v50h55v-50zm-15 35h-25v-20h25v20zM303.5 171h-55v50h55v-50zm-15 35h-25v-20h25v20zM368.5 111h-55v50h55v-50zm-15 35h-25v-20h25v20zM368.5 171h-55v50h55v-50zm-15 35h-25v-20h25v20zM98.5 261h-45v40h45v-40zm-15 25h-15v-10h15v10zM153.5 261h-45v40h45v-40zm-15 25h-15v-10h15v10zM299.055 253.5h-15v8.972c-7.32 2.974-12.5 10.152-12.5 18.528 0 11.028 8.972 20 20 20s20-8.972 20-20c0-8.375-5.18-15.553-12.5-18.528V253.5zm-7.5 32.5c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.244 5-5 5zM223.027 273.5h-8.973v15h8.973c2.974 7.32 10.152 12.5 18.527 12.5 11.028 0 20-8.972 20-20s-8.972-20-20-20c-8.374 0-15.553 5.18-18.527 12.5zm18.528 2.5c2.757 0 5 2.243 5 5s-2.243 5-5 5-5-2.243-5-5 2.243-5 5-5zM355.696 256.251l-6.336 6.336a19.89 19.89 0 0 0-7.806-1.588c-11.028 0-20 8.972-20 20s8.972 20 20 20 20-8.972 20-20c0-2.768-.566-5.406-1.588-7.805l6.337-6.337-10.607-10.606zM341.555 286c-2.757 0-5-2.243-5-5s2.243-5 5-5 5 2.243 5 5-2.244 5-5 5z"
/>
<path
d="M433.5 106V0h-15v121h50v65h-15v-15h-60V61h-365v290h35v90.5h15V497h-35V368.5h-15V512h365V216h60v-15h30v-95h-50zm-305 391h-35v-55.5h15V351h5v90.5h15V497zm-50-70.5V351h15v75.5h-15zm100 70.5h-35v-55.5h15V351h5v90.5h15V497zm-50-70.5V351h15v75.5h-15zm150 70.5h-35V368.5h-15V497h-35v-55.5h15V351h55v90.5h15V497zm-100-70.5V351h15v75.5h-15zm150 70.5h-35v-55.5h15V351h5v90.5h15V497zm-50-70.5V351h15v75.5h-15zm100 70.5h-35v-55.5h15V351h20v146zm-50-70.5V351h15v75.5h-15zm50-90.5h-335V76h335v260zm35-135h-20v-15h20v15zm25 0h-10v-15h10v15z"
/>
<path d="M203.5 471.5h15v15h-15zM53.5 451.5h15v15h-15z" />
</svg>
More icons in the same style and category