Piano Roll color icon
The color version of the piano roll 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 2.88-.65.97L1 5v14l.23 1.15.65.97.97.65L4 22h16l1.15-.23.97-.65.65-.97L23 19V5l-.23-1.15-.65-.97-.97-.65L20 2H4l-1.15.23Zm4.55.35.41-.21.47.04.36.3.13.44v16.4l-.06.31-.17.26-.26.17L7 21l-.31-.06-.26-.17-.17-.26-.06-.31V3.8l.06-.31ZM9.5 7.75l-.33-.41-.05-.52.24-.46.46-.24h3.36l.46.24.24.46v.36l-.13.32-.25.25-.32.13L10 7.9Zm4.16 4.08-.41-.33-.15-.5.07-.34.19-.3.46-.24h4.36l.46.24.24.46v.36l-.13.32-.25.25-.32.13-4.18.02Zm-3.84 4.05-.46-.24-.19-.3L9.1 15l.07-.34.19-.3.46-.24h4.36l.46.24.24.46v.36l-.13.32-.25.25-.32.13ZM16 18.9l-.34-.07-.3-.19-.24-.46v-.36l.13-.32.41-.33.34-.07 2.18.02.32.13.33.41.07.34-.07.34-.19.3-.3.19Z"/></g><g fill="none" stroke="#1d634f" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="20" height="18" x="2" y="3" rx="2"/><path d="M7 3v18M2 9h5m-5 6h5m3-8h3m1 4h4m-8 4h4m2 3h2"/></g></svg>Want it moving? See the animated piano roll icon.