نقشهٔ حرارتی · آیکون heatmap

import { IconHeatmap } from "@kashi-ui/icons/react";

<IconHeatmap />
<IconHeatmap size={24} title="نقشهٔ حرارتی" />

// یا با نام
import { Icon } from "@kashi-ui/icons/react";
<Icon name="heatmap" />

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" data-kashi-icon="heatmap"><path d="M4 3H5.75C6.55 3 6.75 3.2 6.75 4V5.75C6.75 6.55 6.55 6.75 5.75 6.75H4C3.2 6.75 3 6.55 3 5.75V4C3 3.2 3.2 3 4 3Z"/><path d="M9.13 3H10.88C11.68 3 11.88 3.2 11.88 4V5.75C11.88 6.55 11.68 6.75 10.88 6.75H9.13C8.32 6.75 8.125 6.55 8.125 5.75V4C8.125 3.2 8.32 3 9.13 3Z"/><path d="M14.25 3H16C16.8 3 17 3.2 17 4V5.75C17 6.55 16.8 6.75 16 6.75H14.25C13.45 6.75 13.25 6.55 13.25 5.75V4C13.25 3.2 13.45 3 14.25 3Z"/><path d="M4 8.125H5.75C6.55 8.125 6.75 8.32 6.75 9.13V10.88C6.75 11.68 6.55 11.88 5.75 11.88H4C3.2 11.88 3 11.68 3 10.88V9.13C3 8.32 3.2 8.125 4 8.125Z"/><path d="M9.13 8.125H10.88C11.68 8.125 11.88 8.32 11.88 9.13V10.88C11.88 11.68 11.68 11.88 10.88 11.88H9.13C8.32 11.88 8.125 11.68 8.125 10.88V9.13C8.125 8.32 8.32 8.125 9.13 8.125Z"/><path d="M14.25 8.125H16C16.8 8.125 17 8.32 17 9.13V10.88C17 11.68 16.8 11.88 16 11.88H14.25C13.45 11.88 13.25 11.68 13.25 10.88V9.13C13.25 8.32 13.45 8.125 14.25 8.125Z"/><path d="M4 13.25H5.75C6.55 13.25 6.75 13.45 6.75 14.25V16C6.75 16.8 6.55 17 5.75 17H4C3.2 17 3 16.8 3 16V14.25C3 13.45 3.2 13.25 4 13.25Z"/><path d="M9.13 13.25H10.88C11.68 13.25 11.88 13.45 11.88 14.25V16C11.88 16.8 11.68 17 10.88 17H9.13C8.32 17 8.125 16.8 8.125 16V14.25C8.125 13.45 8.32 13.25 9.13 13.25Z"/><path d="M14.25 13.25H16C16.8 13.25 17 13.45 17 14.25V16C17 16.8 16.8 17 16 17H14.25C13.45 17 13.25 16.8 13.25 16V14.25C13.25 13.45 13.45 13.25 14.25 13.25Z"/></svg>

<svg width="20" height="20" aria-hidden="true">
  <use href="/sprite.svg#k-heatmap" />
</svg>

<!-- فایل جدا: @kashi-ui/icons/svg/heatmap.svg -->

import { iconSvg } from "@kashi-ui/icons";

el.innerHTML = iconSvg("heatmap", { size: 24 });

Icon / نمودار و آمار / heatmap