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 lineal color style with a white, gray, olive, magenta, purple, 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="512"
height="512"
viewBox="0 0 256 256"
>
<path
fill="#f4efed"
d="M227 252H29c-13.807 0-25-11.193-25-25V29C4 15.193 15.193 4 29 4h198c13.807 0 25 11.193 25 25v198c0 13.807-11.193 25-25 25z"
/>
<g fill="#fcc24c">
<path
d="M112.903 64.432H84.46a5 5 0 0 1-5-5V30.989a5 5 0 0 1 5-5h28.443a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM168.377 64.432h-28.443a5 5 0 0 1-5-5V30.989a5 5 0 0 1 5-5h28.443a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM57.43 119.625H28.987a5 5 0 0 1-5-5V86.182a5 5 0 0 1 5-5H57.43a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM112.903 119.625H84.46a5 5 0 0 1-5-5V86.182a5 5 0 0 1 5-5h28.443a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM168.377 119.625h-28.443a5 5 0 0 1-5-5V86.182a5 5 0 0 1 5-5h28.443a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM57.43 174.818H28.987a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5H57.43a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM112.903 174.818H84.46a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h28.443a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM168.377 174.818h-28.443a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h28.443a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM57.43 230.011H28.987a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5H57.43a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5zM112.903 230.011H84.46a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h28.443a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5z"
/>
</g>
<path
fill="#fff"
d="M29 252h10c-13.807 0-25-11.193-25-25V29C14 15.193 25.193 4 39 4H29C15.193 4 4 15.193 4 29v198c0 13.807 11.193 25 25 25z"
/>
<path
fill="#690589"
d="M12 72.705a2 2 0 0 1-2-2v-12a2 2 0 0 1 4 0v12a2 2 0 0 1-2 2z"
/>
<path
fill="#7bac51"
d="M227 4h-34.292v248H227c13.807 0 25-11.193 25-25V29c0-13.807-11.193-25-25-25z"
/>
<path
fill="#5d8e33"
d="M227 4h-10c13.807 0 25 11.193 25 25v198c0 13.807-11.193 25-25 25h10c13.807 0 25-11.193 25-25V29c0-13.807-11.193-25-25-25z"
/>
<path
fill="#690589"
d="M227 254h-34.293a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2H227c14.888 0 27 12.112 27 27v198c0 14.888-12.112 27-27 27zm-32.293-4H227c12.683 0 23-10.317 23-23V29c0-12.683-10.317-23-23-23h-32.293z"
/>
<path
fill="#690589"
d="M227 254H29c-14.888 0-27-12.112-27-27V29C2 14.112 14.112 2 29 2h198c14.888 0 27 12.112 27 27v198c0 14.888-12.112 27-27 27zM29 6C16.317 6 6 16.317 6 29v198c0 12.683 10.317 23 23 23h198c12.683 0 23-10.317 23-23V29c0-12.683-10.317-23-23-23z"
/>
<path
fill="#690589"
d="M241 29.211h-34.772a2 2 0 0 1 0-4H241a2 2 0 0 1 0 4zM241 41.211h-34.772a2 2 0 0 1 0-4H241a2 2 0 0 1 0 4zM241 53.211h-34.772a2 2 0 0 1 0-4H241a2 2 0 0 1 0 4zM241 65.21h-34.772a2 2 0 0 1 0-4H241a2 2 0 0 1 0 4zM212.916 222.99a2 2 0 0 1-2-2v-72.297a2 2 0 0 1 4 0v72.297a2 2 0 0 1-2 2z"
/>
<path
fill="#fcc24c"
d="M220.146 155.924a7.23 7.23 0 1 1-14.46 0 7.23 7.23 0 0 1 14.46 0z"
/>
<path
fill="#690589"
d="M212.916 165.154c-5.09 0-9.23-4.141-9.23-9.23s4.141-9.23 9.23-9.23 9.23 4.141 9.23 9.23-4.14 9.23-9.23 9.23zm0-14.461c-2.884 0-5.23 2.347-5.23 5.23s2.347 5.23 5.23 5.23 5.23-2.347 5.23-5.23-2.346-5.23-5.23-5.23zM234.312 222.99a2 2 0 0 1-2-2v-72.297a2 2 0 0 1 4 0v72.297a2 2 0 0 1-2 2z"
/>
<path
fill="#fcc24c"
d="M241.542 175.924a7.23 7.23 0 1 1-14.46 0 7.23 7.23 0 0 1 14.46 0z"
/>
<path
fill="#690589"
d="M234.312 185.154c-5.09 0-9.23-4.141-9.23-9.23s4.141-9.23 9.23-9.23 9.23 4.141 9.23 9.23-4.141 9.23-9.23 9.23zm0-14.461c-2.884 0-5.23 2.347-5.23 5.23s2.347 5.23 5.23 5.23 5.23-2.347 5.23-5.23-2.347-5.23-5.23-5.23z"
/>
<circle
cx="223.614"
cy="123.077"
r="13.386"
fill="#ff4397"
transform="rotate(-80.8 223.587 123.105)"
/>
<path
fill="#690589"
d="M223.614 138.463c-8.483 0-15.386-6.902-15.386-15.387 0-8.483 6.902-15.386 15.386-15.386S239 114.593 239 123.076c0 8.485-6.902 15.387-15.386 15.387zm0-26.773c-6.278 0-11.386 5.107-11.386 11.386s5.107 11.387 11.386 11.387S235 129.354 235 123.076s-5.107-11.386-11.386-11.386z"
/>
<circle cx="223.614" cy="86.451" r="13.386" fill="#ff4397" />
<path
fill="#690589"
d="M223.614 101.836c-8.483 0-15.386-6.902-15.386-15.386s6.902-15.386 15.386-15.386S239 77.967 239 86.45s-6.902 15.386-15.386 15.386zm0-26.772c-6.278 0-11.386 5.107-11.386 11.386s5.107 11.386 11.386 11.386S235 92.729 235 86.45s-5.107-11.386-11.386-11.386z"
/>
<path
fill="#dea42e"
d="M168.377 136.375h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5v-28.443a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M139.934 174.818h6a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M168.377 81.182h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5V86.182a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M139.934 119.625h6a5 5 0 0 1-5-5V86.182a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M168.377 25.989h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5V30.989a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M139.934 64.432h6a5 5 0 0 1-5-5V30.989a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#690589"
d="M168.377 66.432h-28.443c-3.859 0-7-3.141-7-7V30.989c0-3.859 3.141-7 7-7h28.443c3.859 0 7 3.141 7 7v28.442c0 3.86-3.141 7.001-7 7.001zm-28.443-38.443c-1.654 0-3 1.346-3 3v28.442c0 1.654 1.346 3 3 3h28.443c1.654 0 3-1.346 3-3V30.989c0-1.654-1.346-3-3-3zM168.377 121.625h-28.443c-3.859 0-7-3.141-7-7V86.182c0-3.859 3.141-7 7-7h28.443c3.859 0 7 3.141 7 7v28.443c0 3.859-3.141 7-7 7zm-28.443-38.443c-1.654 0-3 1.346-3 3v28.443c0 1.654 1.346 3 3 3h28.443c1.654 0 3-1.346 3-3V86.182c0-1.654-1.346-3-3-3zM168.377 176.818h-28.443c-3.859 0-7-3.141-7-7v-28.443c0-3.859 3.141-7 7-7h28.443c3.859 0 7 3.141 7 7v28.443c0 3.86-3.141 7-7 7zm-28.443-38.443c-1.654 0-3 1.346-3 3v28.443c0 1.654 1.346 3 3 3h28.443c1.654 0 3-1.346 3-3v-28.443c0-1.654-1.346-3-3-3z"
/>
<path
fill="#fcc24c"
d="M168.377 230.011h-28.443a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h28.443a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5z"
/>
<path
fill="#dea42e"
d="M168.377 191.568h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5v-28.443a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M139.934 230.011h6a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M112.903 136.375h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5v-28.443a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M84.46 174.818h6a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M112.903 81.182h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5V86.182a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M84.46 119.625h6a5 5 0 0 1-5-5V86.182a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M112.903 25.989h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5V30.989a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M84.46 64.432h6a5 5 0 0 1-5-5V30.989a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M112.903 191.568h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5v-28.443a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M84.46 230.011h6a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M57.43 136.375h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5v-28.443a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M28.987 174.818h6a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M57.43 81.182h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5V86.182a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M28.987 119.625h6a5 5 0 0 1-5-5V86.182a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#dea42e"
d="M57.43 191.568h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5v-28.443a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M28.987 230.011h6a5 5 0 0 1-5-5v-28.443a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#690589"
d="M168.377 232.011h-28.443c-3.859 0-7-3.141-7-7v-28.442c0-3.859 3.141-7 7-7h28.443c3.859 0 7 3.141 7 7v28.442c0 3.859-3.141 7-7 7zm-28.443-38.443c-1.654 0-3 1.346-3 3v28.442c0 1.654 1.346 3 3 3h28.443c1.654 0 3-1.346 3-3v-28.442c0-1.654-1.346-3-3-3zM112.903 66.432H84.461c-3.859 0-7-3.141-7-7V30.989c0-3.859 3.141-7 7-7h28.442c3.859 0 7 3.141 7 7v28.442c0 3.86-3.14 7.001-7 7.001zM84.461 27.989c-1.654 0-3 1.346-3 3v28.442c0 1.654 1.346 3 3 3h28.442c1.654 0 3-1.346 3-3V30.989c0-1.654-1.346-3-3-3zM57.43 121.625H28.987c-3.859 0-7-3.141-7-7V86.182c0-3.859 3.141-7 7-7H57.43c3.859 0 7 3.141 7 7v28.443c0 3.859-3.141 7-7 7zM28.987 83.182c-1.654 0-3 1.346-3 3v28.443c0 1.654 1.346 3 3 3H57.43c1.654 0 3-1.346 3-3V86.182c0-1.654-1.346-3-3-3zM112.903 121.625H84.461c-3.859 0-7-3.141-7-7V86.182c0-3.859 3.141-7 7-7h28.442c3.859 0 7 3.141 7 7v28.443c0 3.859-3.14 7-7 7zM84.461 83.182c-1.654 0-3 1.346-3 3v28.443c0 1.654 1.346 3 3 3h28.442c1.654 0 3-1.346 3-3V86.182c0-1.654-1.346-3-3-3zM57.43 176.818H28.987c-3.859 0-7-3.141-7-7v-28.443c0-3.859 3.141-7 7-7H57.43c3.859 0 7 3.141 7 7v28.443c0 3.86-3.141 7-7 7zm-28.443-38.443c-1.654 0-3 1.346-3 3v28.443c0 1.654 1.346 3 3 3H57.43c1.654 0 3-1.346 3-3v-28.443c0-1.654-1.346-3-3-3zM112.903 176.818H84.461c-3.859 0-7-3.141-7-7v-28.443c0-3.859 3.141-7 7-7h28.442c3.859 0 7 3.141 7 7v28.443c0 3.86-3.14 7-7 7zm-28.442-38.443c-1.654 0-3 1.346-3 3v28.443c0 1.654 1.346 3 3 3h28.442c1.654 0 3-1.346 3-3v-28.443c0-1.654-1.346-3-3-3zM57.43 232.011H28.987c-3.859 0-7-3.141-7-7v-28.442c0-3.859 3.141-7 7-7H57.43c3.859 0 7 3.141 7 7v28.442c0 3.859-3.141 7-7 7zm-28.443-38.443c-1.654 0-3 1.346-3 3v28.442c0 1.654 1.346 3 3 3H57.43c1.654 0 3-1.346 3-3v-28.442c0-1.654-1.346-3-3-3zM112.903 232.011H84.461c-3.859 0-7-3.141-7-7v-28.442c0-3.859 3.141-7 7-7h28.442c3.859 0 7 3.141 7 7v28.442c0 3.859-3.14 7-7 7zm-28.442-38.443c-1.654 0-3 1.346-3 3v28.442c0 1.654 1.346 3 3 3h28.442c1.654 0 3-1.346 3-3v-28.442c0-1.654-1.346-3-3-3z"
/>
<path
fill="#fcc24c"
d="M57.43 64.432H28.987a5 5 0 0 1-5-5V30.989a5 5 0 0 1 5-5H57.43a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5z"
/>
<path
fill="#dea42e"
d="M57.43 25.989h-6a5 5 0 0 1 5 5v28.443a5 5 0 0 1-5 5h6a5 5 0 0 0 5-5V30.989a5 5 0 0 0-5-5z"
/>
<path
fill="#fce06a"
d="M28.987 64.432h6a5 5 0 0 1-5-5V30.989a5 5 0 0 1 5-5h-6a5 5 0 0 0-5 5v28.443a5 5 0 0 0 5 5z"
/>
<path
fill="#690589"
d="M57.43 66.432H28.987c-3.859 0-7-3.141-7-7V30.989c0-3.859 3.141-7 7-7H57.43c3.859 0 7 3.141 7 7v28.442c0 3.86-3.141 7.001-7 7.001zM28.987 27.989c-1.654 0-3 1.346-3 3v28.442c0 1.654 1.346 3 3 3H57.43c1.654 0 3-1.346 3-3V30.989c0-1.654-1.346-3-3-3z"
/>
</svg>
More icons in the same style and category