heat icon
heat-sharp from Material Symbols Light by Google · Sharp · Home · Apache-2.0 Free for personal and commercial use.
- Name
- heat-sharp
- Set
- Material Symbols Light
- Style
- Sharp
- Category
- Home
- Viewbox
- 24×24
- License
- Apache 2.0
2 other variants in Material Symbols Light
The same icon in other sets
More home icons from Material Symbols Light
activity-zoneairwaveaqaq-indoorarming-countdownarrows-more-downarrows-more-upassistant-on-hubbattery-horiz-000battery-horiz-050battery-horiz-075battery-profilechromecast-2cleaning-bucketclimate-mini-splitcool-to-drydetection-and-zonedetection-and-zone-offdetectordetector-alarmdetector-batterydetector-codetector-offlinedetector-status
Use the heat icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.477 15.706q0 .95.42 1.84q.42.889 1.359 1.996l-.733.608q-1.046-1.121-1.549-2.198t-.503-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.925-.445-1.765q-.445-.841-1.465-1.832l.683-.7q1.171 1.118 1.699 2.145t.528 2.127q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.809-.215 1.515m4.477.038q0 .95.417 1.84q.418.889 1.356 1.997l-.733.602q-1.046-1.121-1.546-2.195t-.5-2.213q0-.873.249-1.808q.25-.934.842-2.356q.561-1.378.764-2.126q.203-.747.203-1.39q0-.926-.448-1.766T15.09 4.498l.682-.7q1.171 1.117 1.702 2.144t.53 2.127q0 .76-.22 1.616q-.221.857-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515m-8.948 0q0 .95.42 1.84q.42.889 1.359 1.997l-.733.607q-1.046-1.12-1.549-2.198Q6 16.914 6 15.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.926-.446-1.766q-.445-.84-1.464-1.831l.677-.7q1.171 1.117 1.702 2.144t.53 2.127q0 .76-.22 1.616q-.222.857-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightHeatSharp(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.477 15.706q0 .95.42 1.84q.42.889 1.359 1.996l-.733.608q-1.046-1.121-1.549-2.198t-.503-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.925-.445-1.765q-.445-.841-1.465-1.832l.683-.7q1.171 1.118 1.699 2.145t.528 2.127q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.809-.215 1.515m4.477.038q0 .95.417 1.84q.418.889 1.356 1.997l-.733.602q-1.046-1.121-1.546-2.195t-.5-2.213q0-.873.249-1.808q.25-.934.842-2.356q.561-1.378.764-2.126q.203-.747.203-1.39q0-.926-.448-1.766T15.09 4.498l.682-.7q1.171 1.117 1.702 2.144t.53 2.127q0 .76-.22 1.616q-.221.857-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515m-8.948 0q0 .95.42 1.84q.42.889 1.359 1.997l-.733.607q-1.046-1.12-1.549-2.198Q6 16.914 6 15.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.926-.446-1.766q-.445-.84-1.464-1.831l.677-.7q1.171 1.117 1.702 2.144t.53 2.127q0 .76-.22 1.616q-.222.857-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M11.477 15.706q0 .95.42 1.84q.42.889 1.359 1.996l-.733.608q-1.046-1.121-1.549-2.198t-.503-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.925-.445-1.765q-.445-.841-1.465-1.832l.683-.7q1.171 1.118 1.699 2.145t.528 2.127q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.809-.215 1.515m4.477.038q0 .95.417 1.84q.418.889 1.356 1.997l-.733.602q-1.046-1.121-1.546-2.195t-.5-2.213q0-.873.249-1.808q.25-.934.842-2.356q.561-1.378.764-2.126q.203-.747.203-1.39q0-.926-.448-1.766T15.09 4.498l.682-.7q1.171 1.117 1.702 2.144t.53 2.127q0 .76-.22 1.616q-.221.857-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515m-8.948 0q0 .95.42 1.84q.42.889 1.359 1.997l-.733.607q-1.046-1.12-1.549-2.198Q6 16.914 6 15.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.926-.446-1.766q-.445-.84-1.464-1.831l.677-.7q1.171 1.117 1.702 2.144t.53 2.127q0 .76-.22 1.616q-.222.857-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515"/></svg> </template>
CSS
.icon-heat-sharp {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.477%2015.706q0%20.95.42%201.84q.42.889%201.359%201.996l-.733.608q-1.046-1.121-1.549-2.198t-.503-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.925-.445-1.765q-.445-.841-1.465-1.832l.683-.7q1.171%201.118%201.699%202.145t.528%202.127q0%20.76-.221%201.616t-.814%202.292q-.586%201.442-.802%202.252q-.215.809-.215%201.515m4.477.038q0%20.95.417%201.84q.418.889%201.356%201.997l-.733.602q-1.046-1.121-1.546-2.195t-.5-2.213q0-.873.249-1.808q.25-.934.842-2.356q.561-1.378.764-2.126q.203-.747.203-1.39q0-.926-.448-1.766T15.09%204.498l.682-.7q1.171%201.117%201.702%202.144t.53%202.127q0%20.76-.22%201.616q-.221.857-.814%202.292q-.586%201.442-.802%202.252q-.215.81-.215%201.515m-8.948%200q0%20.95.42%201.84q.42.889%201.359%201.997l-.733.607q-1.046-1.12-1.549-2.198Q6%2016.914%206%2015.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.926-.446-1.766q-.445-.84-1.464-1.831l.677-.7q1.171%201.117%201.702%202.144t.53%202.127q0%20.76-.22%201.616q-.222.857-.814%202.292q-.586%201.442-.802%202.252q-.215.81-.215%201.515%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M11.477%2015.706q0%20.95.42%201.84q.42.889%201.359%201.996l-.733.608q-1.046-1.121-1.549-2.198t-.503-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.925-.445-1.765q-.445-.841-1.465-1.832l.683-.7q1.171%201.118%201.699%202.145t.528%202.127q0%20.76-.221%201.616t-.814%202.292q-.586%201.442-.802%202.252q-.215.809-.215%201.515m4.477.038q0%20.95.417%201.84q.418.889%201.356%201.997l-.733.602q-1.046-1.121-1.546-2.195t-.5-2.213q0-.873.249-1.808q.25-.934.842-2.356q.561-1.378.764-2.126q.203-.747.203-1.39q0-.926-.448-1.766T15.09%204.498l.682-.7q1.171%201.117%201.702%202.144t.53%202.127q0%20.76-.22%201.616q-.221.857-.814%202.292q-.586%201.442-.802%202.252q-.215.81-.215%201.515m-8.948%200q0%20.95.42%201.84q.42.889%201.359%201.997l-.733.607q-1.046-1.12-1.549-2.198Q6%2016.914%206%2015.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.926-.446-1.766q-.445-.84-1.464-1.831l.677-.7q1.171%201.117%201.702%202.144t.53%202.127q0%20.76-.22%201.616q-.222.857-.814%202.292q-.586%201.442-.802%202.252q-.215.81-.215%201.515%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/heat-sharp.svg?color=%231a73e8&size=48
