Add icons to this collection by clicking the heart icon.
Controller icon - also known as music, beat, controller, pad, drum, electronics, midi, and music and multimedia. Created in a clean flat style with a silver, gray, red, maroon, teal, purple, and orange 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 497 497"
>
<path
fill="#46203b"
d="M467 0 287 248.5 467 497h22.5a7.5 7.5 0 0 0 7.5-7.5V7.5a7.5 7.5 0 0 0-7.5-7.5z"
/>
<path
fill="#643858"
d="M467 497H7.5a7.5 7.5 0 0 1-7.5-7.5V7.5A7.5 7.5 0 0 1 7.5 0H467v45l-30 28.375 30 28.375v60l-30 28.375 30 28.375v60l-30 28.375 30 28.375v60l-30 28.375L467 452z"
/>
<path
fill="#fa4635"
d="M101.75 30h-30v86.75h30c8.284 0 15-6.716 15-15V45c0-8.284-6.716-15-15-15z"
/>
<path
fill="#ff6f61"
d="M86.75 101.75V45c0-8.284-6.716-15-15-15H45c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#fa4635"
d="M101.75 146.75h-30v86.75h30c8.284 0 15-6.716 15-15v-56.75c0-8.284-6.716-15-15-15z"
/>
<path
fill="#ff6f61"
d="M86.75 218.5v-56.75c0-8.284-6.716-15-15-15H45c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#fa4635"
d="M101.75 263.5h-30v86.75h30c8.284 0 15-6.716 15-15V278.5c0-8.284-6.716-15-15-15z"
/>
<path
fill="#ff6f61"
d="M86.75 335.25V278.5c0-8.284-6.716-15-15-15H45c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#fa4635"
d="M101.75 380.25h-30V467h30c8.284 0 15-6.716 15-15v-56.75c0-8.284-6.716-15-15-15z"
/>
<path
fill="#ff6f61"
d="M86.75 452v-56.75c0-8.284-6.716-15-15-15H45c-8.284 0-15 6.716-15 15V452c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#a1758f"
d="M218.5 30h-30v86.75h30c8.284 0 15-6.716 15-15V45c0-8.284-6.716-15-15-15z"
/>
<path
fill="#c199aa"
d="M203.5 101.75V45c0-8.284-6.716-15-15-15h-26.75c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#a1758f"
d="M218.5 146.75h-30v86.75h30c8.284 0 15-6.716 15-15v-56.75c0-8.284-6.716-15-15-15z"
/>
<path
fill="#c199aa"
d="M203.5 218.5v-56.75c0-8.284-6.716-15-15-15h-26.75c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#a1758f"
d="M218.5 263.5h-30v86.75h30c8.284 0 15-6.716 15-15V278.5c0-8.284-6.716-15-15-15z"
/>
<path
fill="#c199aa"
d="M203.5 335.25V278.5c0-8.284-6.716-15-15-15h-26.75c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#a1758f"
d="M218.5 380.25h-30V467h30c8.284 0 15-6.716 15-15v-56.75c0-8.284-6.716-15-15-15z"
/>
<path
fill="#c199aa"
d="M203.5 452v-56.75c0-8.284-6.716-15-15-15h-26.75c-8.284 0-15 6.716-15 15V452c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#cfe863"
d="M335.25 30h-30v86.75h30c8.284 0 15-6.716 15-15V45c0-8.284-6.716-15-15-15z"
/>
<path
fill="#e5ff76"
d="M320.25 101.75V45c0-8.284-6.716-15-15-15H278.5c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#cfe863"
d="M335.25 146.75h-30v86.75h30c8.284 0 15-6.716 15-15v-56.75c0-8.284-6.716-15-15-15z"
/>
<path
fill="#e5ff76"
d="M320.25 218.5v-56.75c0-8.284-6.716-15-15-15H278.5c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#cfe863"
d="M335.25 263.5h-30v86.75h30c8.284 0 15-6.716 15-15V278.5c0-8.284-6.716-15-15-15z"
/>
<path
fill="#e5ff76"
d="M320.25 335.25V278.5c0-8.284-6.716-15-15-15H278.5c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#cfe863"
d="M335.25 380.25h-30V467h30c8.284 0 15-6.716 15-15v-56.75c0-8.284-6.716-15-15-15z"
/>
<path
fill="#e5ff76"
d="M320.25 452v-56.75c0-8.284-6.716-15-15-15H278.5c-8.284 0-15 6.716-15 15V452c0 8.284 6.716 15 15 15h26.75c8.284 0 15-6.716 15-15z"
/>
<path
fill="#1c9ecc"
d="M452 30h-30v86.75h30c8.284 0 15-6.716 15-15V45c0-8.284-6.716-15-15-15z"
/>
<path
fill="#11bdf0"
d="M437 101.75V45c0-8.284-6.716-15-15-15h-26.75c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15H422c8.284 0 15-6.716 15-15z"
/>
<path
fill="#1c9ecc"
d="M452 146.75h-30v86.75h30c8.284 0 15-6.716 15-15v-56.75c0-8.284-6.716-15-15-15z"
/>
<path
fill="#11bdf0"
d="M437 218.5v-56.75c0-8.284-6.716-15-15-15h-26.75c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15H422c8.284 0 15-6.716 15-15z"
/>
<path
fill="#1c9ecc"
d="M452 263.5h-30v86.75h30c8.284 0 15-6.716 15-15V278.5c0-8.284-6.716-15-15-15z"
/>
<path
fill="#11bdf0"
d="M437 335.25V278.5c0-8.284-6.716-15-15-15h-26.75c-8.284 0-15 6.716-15 15v56.75c0 8.284 6.716 15 15 15H422c8.284 0 15-6.716 15-15z"
/>
<path
fill="#1c9ecc"
d="M452 380.25h-30V467h30c8.284 0 15-6.716 15-15v-56.75c0-8.284-6.716-15-15-15z"
/>
<path
fill="#11bdf0"
d="M437 452v-56.75c0-8.284-6.716-15-15-15h-26.75c-8.284 0-15 6.716-15 15V452c0 8.284 6.716 15 15 15H422c8.284 0 15-6.716 15-15z"
/>
</svg>
More icons in the same style and category