Calendar Heat Map Icon

Free SVG icon from the Carbon Icons collection. Download or copy for use in any project.

Collection

Carbon Icons

Format

SVG, React, Angular, Vue, Web Component, PNG

License

Apache-2.0 - Free for commercial use

Tags

calendar heat map date schedule event time plan

The Calendar Heat Map icon is commonly used in booking systems, scheduling apps and event listings. Available as a free SVG - copy the code or download directly.

<img src="https://proicons.com/icon/317182.svg" alt="Calendar Heat Map icon" width="24" height="24">

<img src="https://proicons.com/icon/317182.svg" alt="Calendar Heat Map icon" width={24} height={24} />

<img
  src="https://proicons.com/icon/317182.svg"
  alt="Calendar Heat Map icon"
  :width="24"
  :height="24"
/>

.icon-calendar-heat-map {
  background-image: url('https://proicons.com/icon/317182.svg');
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

<svg id="icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
  <defs>
    <style>
      .cls-1 {
        fill: none;
      }
    </style>
  </defs>
  <path d="M26,4H22V2H20V4H12V2H10V4H6A2.0025,2.0025,0,0,0,4,6V26a2.0025,2.0025,0,0,0,2,2H26a2.0025,2.0025,0,0,0,2-2V6A2.0025,2.0025,0,0,0,26,4ZM6,6h4V8h2V6h8V8h2V6h4l0,4H6Zm0,6h5v6H6ZM19,26H13V20h6Zm0-8H13V12h6Zm2,8V20h5l.0012,6Z"/>
  <rect id="_Transparent_Rectangle_" data-name="&lt;Transparent Rectangle&gt;" class="cls-1" width="32" height="32"/>
</svg>