MIDI Keyboard color icon
The color version of the midi keyboard line icon: the same drawing with a soft fill behind it. Pick any color and the fill follows. Also in solid.
16
20
24
32
48
Style
Color
PNG size
Free for personal and commercial use. No attribution required.
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="#a1f7df" stroke="none"><path fill-rule="evenodd" d="m1.88 9.88-.37.45-.45 1.08L1 18l.06.59.45 1.08.82.82.52.28L4 21h16l1.15-.23.52-.28.82-.82.28-.52L23 18v-6l-.23-1.15-.65-.97-.97-.65L20 9h-7l.04-2.39.2-.55.49-.61.51-.3.56-.14L20 5l.38-.08.45-.36L21 4l-.17-.56-.45-.36L20 3l-5.34.02-.87.17-.97.46-.94.85-.38.57-.31.72-.17.87L11 9H4l-1.15.23Zm3.55 1.15.41-.21h.32l.41.21.21.41v4.72l-.21.41-.41.21h-.32l-.28-.11-.23-.23-.11-.28-.02-4.56.06-.31Zm3.9.13.36-.3.47-.04.41.21.21.41v4.72l-.21.41-.41.21h-.32l-.28-.11-.23-.23-.11-.28-.02-4.56Zm3.93.13.3-.36.44-.13.31.06.26.17.21.41v4.72l-.21.41-.41.21h-.32l-.28-.11-.23-.23-.11-.28Zm3.96.15.21-.41.26-.17.31-.06.31.06.26.17.21.41v4.72l-.21.41-.41.21h-.32l-.28-.11-.23-.23-.11-.28Z"/></g><g fill="none" stroke="#1d634f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="10" x="2" y="10" rx="2"/><path d="M6 10v6m4-6v6m4-6v6m4-6v6m-6-6V7a3 3 0 0 1 3-3h5"/></g></svg>Want it moving? See the animated midi keyboard icon.