heatmap icon

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M2 1L2 2L3 2L3 1L4 1L4 2L5 2L5 3L4 3L4 4L5 4L5 5L4 5L4 4L3 4L3 5L2 5L2 4L1 4L1 3L2 3L2 2L1 2L1 1L2 1ZM3 3L4 3L4 2L3 2L3 3ZM3 3L2 3L2 4L3 4L3 3ZM7 2L6 2L6 1L7 1L7 2ZM9 1L9 2L8 2L8 1L9 1ZM11 5L11 1L15 1L15 5L11 5ZM7 4L6 4L6 3L7 3L7 4ZM9 3L9 4L8 4L8 3L9 3ZM1 6L5 6L5 10L1 10L1 6ZM7 6L7 7L8 7L8 6L9 6L9 7L10 7L10 8L9 8L9 9L10 9L10 10L9 10L9 9L8 9L8 10L7 10L7 9L6 9L6 8L7 8L7 7L6 7L6 6L7 6ZM8 8L9 8L9 7L8 7L8 8ZM8 8L7 8L7 9L8 9L8 8ZM12 7L11 7L11 6L12 6L12 7ZM14 6L14 7L13 7L13 6L14 6ZM12 9L11 9L11 8L12 8L12 9ZM14 8L14 9L13 9L13 8L14 8ZM2 11L2 12L1 12L1 11L2 11ZM4 11L4 12L3 12L3 11L4 11ZM7 12L6 12L6 11L7 11L7 12ZM8 12L8 13L7 13L7 12L8 12ZM7 14L6 14L6 13L7 13L7 14ZM8 14L8 15L7 15L7 14L8 14ZM9 14L10 14L10 15L9 15L9 14ZM8 14L8 13L9 13L9 12L8 12L8 11L9 11L9 12L10 12L10 13L9 13L9 14L8 14ZM12 12L11 12L11 11L12 11L12 12ZM13 12L13 13L12 13L12 12L13 12ZM12 14L11 14L11 13L12 13L12 14ZM13 14L13 15L12 15L12 14L13 14ZM14 14L15 14L15 15L14 15L14 14ZM13 14L13 13L14 13L14 12L13 12L13 11L14 11L14 12L15 12L15 13L14 13L14 14L13 14ZM2 13L2 14L1 14L1 13L2 13ZM4 13L4 14L3 14L3 13L4 13Z"/></svg>

// Gentleface "heatmap" (line-round), MIT. https://gentleface.com/icons/heatmap
import type { SVGProps } from 'react';

export function HeatmapIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
      <path d="M2 1L2 2L3 2L3 1L4 1L4 2L5 2L5 3L4 3L4 4L5 4L5 5L4 5L4 4L3 4L3 5L2 5L2 4L1 4L1 3L2 3L2 2L1 2L1 1L2 1ZM3 3L4 3L4 2L3 2L3 3ZM3 3L2 3L2 4L3 4L3 3ZM7 2L6 2L6 1L7 1L7 2ZM9 1L9 2L8 2L8 1L9 1ZM11 5L11 1L15 1L15 5L11 5ZM7 4L6 4L6 3L7 3L7 4ZM9 3L9 4L8 4L8 3L9 3ZM1 6L5 6L5 10L1 10L1 6ZM7 6L7 7L8 7L8 6L9 6L9 7L10 7L10 8L9 8L9 9L10 9L10 10L9 10L9 9L8 9L8 10L7 10L7 9L6 9L6 8L7 8L7 7L6 7L6 6L7 6ZM8 8L9 8L9 7L8 7L8 8ZM8 8L7 8L7 9L8 9L8 8ZM12 7L11 7L11 6L12 6L12 7ZM14 6L14 7L13 7L13 6L14 6ZM12 9L11 9L11 8L12 8L12 9ZM14 8L14 9L13 9L13 8L14 8ZM2 11L2 12L1 12L1 11L2 11ZM4 11L4 12L3 12L3 11L4 11ZM7 12L6 12L6 11L7 11L7 12ZM8 12L8 13L7 13L7 12L8 12ZM7 14L6 14L6 13L7 13L7 14ZM8 14L8 15L7 15L7 14L8 14ZM9 14L10 14L10 15L9 15L9 14ZM8 14L8 13L9 13L9 12L8 12L8 11L9 11L9 12L10 12L10 13L9 13L9 14L8 14ZM12 12L11 12L11 11L12 11L12 12ZM13 12L13 13L12 13L12 12L13 12ZM12 14L11 14L11 13L12 13L12 14ZM13 14L13 15L12 15L12 14L13 14ZM14 14L15 14L15 15L14 15L14 14ZM13 14L13 13L14 13L14 12L13 12L13 11L14 11L14 12L15 12L15 13L14 13L14 14L13 14ZM2 13L2 14L1 14L1 13L2 13ZM4 13L4 14L3 14L3 13L4 13Z" />
    </svg>
  );
}

Vue: see /icons/heatmap.md

Svelte: see /icons/heatmap.md

HTML img: see /icons/heatmap.md

CSS: see /icons/heatmap.md

Data URL: see /icons/heatmap.md

Sprite: see /icons/heatmap.md

SwiftUI: see /icons/heatmap.md

Compose: see /icons/heatmap.md

Android XML: see /icons/heatmap.md

Flutter: see /icons/heatmap.md