Add icons to this collection by clicking the heart icon.
Midi icon - also known as music, beat, controller, pad, electronics, midi, and music and multimedia. Created in a clean flat style, 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="#d9e7ec"
d="M93.595 112.488a7.725 7.725 0 0 1-7.726-7.726v-82.81a7.725 7.725 0 0 1 7.726-7.726 7.725 7.725 0 0 1 7.726 7.726v82.81a7.726 7.726 0 0 1-7.726 7.726z"
/>
<path
fill="#596c76"
d="M130.301 149.566H56.889v-31.381c0-7.413 6.009-13.423 13.423-13.423h46.567c7.413 0 13.423 6.009 13.423 13.423v31.381z"
/>
<path
fill="#7a8c98"
d="m512 354.292-256 13.977L0 354.292v-195.32c0-10.544 8.548-19.092 19.092-19.092h473.815c10.544 0 19.092 8.548 19.092 19.092v195.32z"
/>
<path
fill="#6b7d87"
d="M492.907 139.879h-30.913c10.544 0 19.093 8.548 19.093 19.092v195.321l5.91 1.365L512 354.292v-195.32c0-10.545-8.548-19.093-19.093-19.093z"
/>
<path
fill="#c5d3dd"
d="M481.095 276.408h-29.906a7.726 7.726 0 1 1 0-15.452h29.906a7.726 7.726 0 1 1 0 15.452zM422.673 276.408H356.7a7.726 7.726 0 1 1 0-15.452h65.973c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.726 7.726zM481.095 316.851H385.03a7.726 7.726 0 1 1 0-15.452h96.064c4.268 0 7.726 3.459 7.726 7.726s-3.458 7.726-7.725 7.726z"
/>
<path
fill="#d9e7ec"
d="M30.905 317.343v-32.252a6.044 6.044 0 0 1 6.044-6.044h36.237a6.044 6.044 0 0 1 6.044 6.044v32.252a6.044 6.044 0 0 1-6.044 6.044H36.949a6.044 6.044 0 0 1-6.044-6.044zM107.946 317.343v-32.252a6.044 6.044 0 0 1 6.044-6.044h36.237a6.044 6.044 0 0 1 6.044 6.044v32.252a6.044 6.044 0 0 1-6.044 6.044H113.99a6.043 6.043 0 0 1-6.044-6.044z"
/>
<path
fill="#c5d3dd"
d="M184.986 317.343v-32.252a6.044 6.044 0 0 1 6.044-6.044h36.237a6.044 6.044 0 0 1 6.044 6.044v32.252a6.044 6.044 0 0 1-6.044 6.044H191.03a6.044 6.044 0 0 1-6.044-6.044zM262.026 317.343v-32.252a6.044 6.044 0 0 1 6.044-6.044h36.237a6.044 6.044 0 0 1 6.044 6.044v32.252a6.044 6.044 0 0 1-6.044 6.044H268.07a6.044 6.044 0 0 1-6.044-6.044z"
/>
<path
fill="#cb97e7"
d="M30.905 238.306v-58.742a8.78 8.78 0 0 1 8.78-8.78h115.873c4.849 0 20.249 3.931 20.249 8.78v58.742c0 4.849-15.4 8.78-20.249 8.78H39.685a8.78 8.78 0 0 1-8.78-8.78z"
/>
<path
fill="#bd80e1"
d="M176.206 170.784h-20.648a8.78 8.78 0 0 1 8.779 8.78v58.742a8.779 8.779 0 0 1-8.779 8.779h20.648a8.779 8.779 0 0 0 8.779-8.779v-58.742a8.779 8.779 0 0 0-8.779-8.78z"
/>
<path
fill="#f5f8f9"
d="M481.087 354.292 512 478.684c0 10.539-8.551 19.089-19.089 19.089H19.089C8.551 497.773 0 489.223 0 478.684V354.29h43.236l13.651 3.108 13.655-3.108h29.583l13.648 2.377 13.658-2.376h35.513l7.726 3.923 7.726-3.923h35.506l13.653 5.47 13.653-5.47h29.583l13.652 4.889 13.654-4.889h29.583l13.65 3.342 13.656-3.342H390.5l6.91 3.342 8.542-3.342h35.505l13.653 6.049 13.653-6.049z"
/>
<path
fill="#e8edf2"
d="M481.087 354.292v124.39c0 10.545-8.548 19.092-19.093 19.092h30.913c10.545 0 19.093-8.548 19.093-19.092v-124.39z"
/>
<g fill="#e8edf2">
<path
d="M162.944 354.29h15.453v143.484h-15.453zM106.047 422.004H121.5v75.77h-15.453zM49.16 422.004h15.453v75.77H49.16zM219.83 422.004h15.453v75.77H219.83zM276.717 422.004h15.453v75.77h-15.453zM333.604 422.004h15.453v75.77h-15.453zM390.5 354.29h15.453v143.484H390.5zM447.387 404.83h15.453v92.943h-15.453z"
/>
</g>
<g fill="#596c76">
<path
d="M64.273 442.409H49.505a6.27 6.27 0 0 1-6.269-6.269v-81.847h27.306v81.847a6.27 6.27 0 0 1-6.269 6.269zM121.161 442.409h-14.767a6.27 6.27 0 0 1-6.269-6.269v-81.847h27.306v81.847a6.27 6.27 0 0 1-6.27 6.269zM234.939 442.409h-14.767a6.27 6.27 0 0 1-6.269-6.269v-81.847h27.306v81.847a6.27 6.27 0 0 1-6.27 6.269zM291.828 442.409h-14.767a6.27 6.27 0 0 1-6.269-6.269v-81.847h27.306v81.847a6.27 6.27 0 0 1-6.27 6.269zM348.717 442.409H333.95a6.27 6.27 0 0 1-6.269-6.269v-81.847h27.306v81.847a6.27 6.27 0 0 1-6.27 6.269zM462.495 442.409h-14.767a6.27 6.27 0 0 1-6.269-6.269v-81.847h27.306v81.847a6.27 6.27 0 0 1-6.27 6.269z"
/>
</g>
<circle cx="254.058" cy="189.976" r="18.959" fill="#6c7fd8" />
<circle cx="323.417" cy="189.976" r="18.959" fill="#60b7ff" />
<circle cx="392.777" cy="189.976" r="18.959" fill="#8ac9fe" />
<circle cx="462.136" cy="189.976" r="18.959" fill="#60b7ff" />
<path
fill="#fe7d43"
d="M380.338 323.387H361.2a4.693 4.693 0 0 1-4.693-4.693v-19.137a4.693 4.693 0 0 1 4.693-4.693h19.137a4.693 4.693 0 0 1 4.693 4.693v19.137a4.693 4.693 0 0 1-4.692 4.693zM446.499 282.942h-19.137a4.693 4.693 0 0 1-4.693-4.693v-19.137a4.693 4.693 0 0 1 4.693-4.693h19.137a4.693 4.693 0 0 1 4.693 4.693v19.137a4.693 4.693 0 0 1-4.693 4.693z"
/>
<g fill="#6b7d87">
<circle cx="254.058" cy="233.618" r="7.726" />
<circle cx="323.414" cy="233.614" r="7.726" />
<circle cx="392.777" cy="233.614" r="7.726" />
<circle cx="462.136" cy="233.614" r="7.726" />
</g>
</svg>
More icons in the same style and category