Heatmap color icon
The color version of the heatmap 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="M19 2H4.84l-.58.09-.56.21-.55.34-.43.41-.5.83-.22.96v14.19l.09.71.21.56.34.55.41.43.83.5.96.22h14.19l.59-.06.68-.24.5-.3.48-.45.5-.83.22-.96-.02-14.52-.13-.57-.17-.43-.32-.49-.36-.38-.36-.28-.52-.27-.57-.17ZM4.7 4.3h2.63l.27.14.1.23V7.3l-.14.3-.23.1H4.7l-.3-.14-.1-.23V4.67l.12-.25Zm8.56 1.36.03.51-.16.48-.34.38-.45.23-.51.03-.48-.16-.38-.34-.23-.45-.03-.51.16-.48.34-.38.45-.23.51-.03.48.16.38.34Zm-6 6 .03.51-.16.48-.34.38-.45.23-.51.03-.48-.16-.38-.34-.23-.45-.03-.51.16-.48.34-.38.45-.23.51-.03.48.16.38.34Zm3.41-1.36h2.65l.28.14.1.23v2.63l-.14.3-.23.1H10.7l-.3-.14-.1-.23v-2.66l.12-.25Zm8.59 1.36.03.51-.16.48-.34.38-.45.23-.51.03-.48-.16-.38-.34-.23-.45-.03-.51.16-.48.34-.38.45-.23.51-.03.48.16.38.34Zm-6 6 .03.51-.16.48-.34.38-.45.23-.51.03-.48-.16-.38-.34-.23-.45-.03-.51.16-.48.34-.38.45-.23.51-.03.48.16.38.34Zm3.41-1.36h2.65l.28.14.1.23v2.63l-.14.3-.23.1H16.7l-.3-.14-.1-.23v-2.66l.12-.25Z"/></g><g fill="none" stroke="#1d3463" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect width="18" height="18" x="3" y="3" rx="2"/><path d="M5 5h2v2H5zm7 1h.01M6 12h.01M11 11h2v2h-2zm7 1h.01M12 18h.01M17 17h2v2h-2z"/></g></svg>Want it moving? See the animated heatmap icon.