heat map icon

heat-map-outlined from Ant Design Icons by HeskeyBaozi · Outlined · MIT Free for personal and commercial use.

Name
heat-map-outlined
Set
Ant Design Icons
Style
Outlined
Viewbox
1024×1024
License
MIT
Aliases
heat-map, heat-map-outline

The same icon in other sets

heat-mapCarbon

Use the heat map icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48m-790.4-23.9L512 231.9L858.7 832H165.3zm319-474.1l-228 394c-12.3 21.3 3.1 48 27.7 48h455.8c24.7 0 40.1-26.7 27.7-48L539.7 358c-6.2-10.7-17-16-27.7-16c-10.8 0-21.6 5.3-27.7 16m214 386H325.7L512 422zm-214-194.1l-57 98.4C415 669.5 430.4 696 455 696h114c24.6 0 39.9-26.5 27.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5 5.3-27.7 15.9m57.1 98.4h-58.7l29.4-50.7z"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignHeatMapOutlined(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48m-790.4-23.9L512 231.9L858.7 832H165.3zm319-474.1l-228 394c-12.3 21.3 3.1 48 27.7 48h455.8c24.7 0 40.1-26.7 27.7-48L539.7 358c-6.2-10.7-17-16-27.7-16c-10.8 0-21.6 5.3-27.7 16m214 386H325.7L512 422zm-214-194.1l-57 98.4C415 669.5 430.4 696 455 696h114c24.6 0 39.9-26.5 27.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5 5.3-27.7 15.9m57.1 98.4h-58.7l29.4-50.7z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="m955.7 856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6 5.3-27.7 16l-416 720C56 877.4 71.4 904 96 904h832c24.6 0 40-26.6 27.7-48m-790.4-23.9L512 231.9L858.7 832H165.3zm319-474.1l-228 394c-12.3 21.3 3.1 48 27.7 48h455.8c24.7 0 40.1-26.7 27.7-48L539.7 358c-6.2-10.7-17-16-27.7-16c-10.8 0-21.6 5.3-27.7 16m214 386H325.7L512 422zm-214-194.1l-57 98.4C415 669.5 430.4 696 455 696h114c24.6 0 39.9-26.5 27.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5 5.3-27.7 15.9m57.1 98.4h-58.7l29.4-50.7z"/></svg>
</template>

CSS

.icon-heat-map-outlined {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m955.7%20856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6%205.3-27.7%2016l-416%20720C56%20877.4%2071.4%20904%2096%20904h832c24.6%200%2040-26.6%2027.7-48m-790.4-23.9L512%20231.9L858.7%20832H165.3zm319-474.1l-228%20394c-12.3%2021.3%203.1%2048%2027.7%2048h455.8c24.7%200%2040.1-26.7%2027.7-48L539.7%20358c-6.2-10.7-17-16-27.7-16c-10.8%200-21.6%205.3-27.7%2016m214%20386H325.7L512%20422zm-214-194.1l-57%2098.4C415%20669.5%20430.4%20696%20455%20696h114c24.6%200%2039.9-26.5%2027.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5%205.3-27.7%2015.9m57.1%2098.4h-58.7l29.4-50.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m955.7%20856l-416-720c-6.2-10.7-16.9-16-27.7-16s-21.6%205.3-27.7%2016l-416%20720C56%20877.4%2071.4%20904%2096%20904h832c24.6%200%2040-26.6%2027.7-48m-790.4-23.9L512%20231.9L858.7%20832H165.3zm319-474.1l-228%20394c-12.3%2021.3%203.1%2048%2027.7%2048h455.8c24.7%200%2040.1-26.7%2027.7-48L539.7%20358c-6.2-10.7-17-16-27.7-16c-10.8%200-21.6%205.3-27.7%2016m214%20386H325.7L512%20422zm-214-194.1l-57%2098.4C415%20669.5%20430.4%20696%20455%20696h114c24.6%200%2039.9-26.5%2027.7-47.7l-57-98.4c-6.1-10.6-16.9-15.9-27.7-15.9s-21.5%205.3-27.7%2015.9m57.1%2098.4h-58.7l29.4-50.7z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/heat-map-outlined.svg?color=%231a73e8&size=48