Step Chart color icon
The color version of the step chart 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="#a1bef7" stroke="none"><path fill-rule="evenodd" d="m3.01 20.13.13.37.25.29.35.18L4 21h16l.38-.08.33-.21.21-.33L21 20l-.08-.38-.21-.33-.33-.21L20 19H5V4l-.08-.38-.21-.33-.33-.21L4 3l-.38.08-.33.21-.21.33L3 4Zm7.12-3.14.48-.2.26-.29.1-.24L11 13h3l.5-.13.37-.37.12-.37L15 9h4l.38-.08.41-.31.18-.35v-.52l-.26-.45-.33-.21L19 7h-5l-.38.08-.41.31-.2.48L13 11l-3.13.01-.25.07-.33.21-.16.21-.12.37L9 15H7l-.38.08-.33.21-.16.21-.1.24-.02.39.12.37.16.21.45.26Z"/></g><g fill="none" stroke="#1d3463" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M4 4v16h16"/><path d="M7 16h3v-4h4V8h5"/></g></svg>Want it moving? See the animated step chart icon.