heat icon
heat-outline-sharp from Material Symbols Light by Google · Outline Sharp · Home · Apache-2.0 Free for personal and commercial use.
- Name
- heat-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline 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.417 1.84q.417.889 1.356 1.996l-.733.608q-1.046-1.121-1.546-2.198t-.5-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.931-.445-1.771T10.63 4.458l.708-.7Q12.473 4.846 13 5.873t.528 2.158q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.809-.215 1.515m4.471.038q0 .95.42 1.84q.42.889 1.359 1.997l-.733.602q-1.046-1.121-1.549-2.195t-.503-2.213q0-.873.25-1.808q.249-.934.84-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.442-1.772t-1.45-1.825l.702-.7q1.134 1.086 1.662 2.113Q18 6.94 18 8.07q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515m-8.942 0q0 .95.42 1.84q.42.889 1.358 1.997l-.732.607q-1.046-1.12-1.549-2.198T6 15.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.443-1.772q-.442-.84-1.45-1.825l.702-.7Q8.002 4.884 8.53 5.911t.528 2.158q0 .76-.222 1.616q-.22.857-.813 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightHeatOutlineSharp(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.417 1.84q.417.889 1.356 1.996l-.733.608q-1.046-1.121-1.546-2.198t-.5-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.931-.445-1.771T10.63 4.458l.708-.7Q12.473 4.846 13 5.873t.528 2.158q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.809-.215 1.515m4.471.038q0 .95.42 1.84q.42.889 1.359 1.997l-.733.602q-1.046-1.121-1.549-2.195t-.503-2.213q0-.873.25-1.808q.249-.934.84-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.442-1.772t-1.45-1.825l.702-.7q1.134 1.086 1.662 2.113Q18 6.94 18 8.07q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515m-8.942 0q0 .95.42 1.84q.42.889 1.358 1.997l-.732.607q-1.046-1.12-1.549-2.198T6 15.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.443-1.772q-.442-.84-1.45-1.825l.702-.7Q8.002 4.884 8.53 5.911t.528 2.158q0 .76-.222 1.616q-.22.857-.813 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.417 1.84q.417.889 1.356 1.996l-.733.608q-1.046-1.121-1.546-2.198t-.5-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.931-.445-1.771T10.63 4.458l.708-.7Q12.473 4.846 13 5.873t.528 2.158q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.809-.215 1.515m4.471.038q0 .95.42 1.84q.42.889 1.359 1.997l-.733.602q-1.046-1.121-1.549-2.195t-.503-2.213q0-.873.25-1.808q.249-.934.84-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.442-1.772t-1.45-1.825l.702-.7q1.134 1.086 1.662 2.113Q18 6.94 18 8.07q0 .76-.221 1.616t-.814 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515m-8.942 0q0 .95.42 1.84q.42.889 1.358 1.997l-.732.607q-1.046-1.12-1.549-2.198T6 15.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.443-1.772q-.442-.84-1.45-1.825l.702-.7Q8.002 4.884 8.53 5.911t.528 2.158q0 .76-.222 1.616q-.22.857-.813 2.292q-.586 1.442-.802 2.252q-.215.81-.215 1.515"/></svg> </template>
CSS
.icon-heat-outline-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.417%201.84q.417.889%201.356%201.996l-.733.608q-1.046-1.121-1.546-2.198t-.5-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.931-.445-1.771T10.63%204.458l.708-.7Q12.473%204.846%2013%205.873t.528%202.158q0%20.76-.221%201.616t-.814%202.292q-.586%201.442-.802%202.252q-.215.809-.215%201.515m4.471.038q0%20.95.42%201.84q.42.889%201.359%201.997l-.733.602q-1.046-1.121-1.549-2.195t-.503-2.213q0-.873.25-1.808q.249-.934.84-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.442-1.772t-1.45-1.825l.702-.7q1.134%201.086%201.662%202.113Q18%206.94%2018%208.07q0%20.76-.221%201.616t-.814%202.292q-.586%201.442-.802%202.252q-.215.81-.215%201.515m-8.942%200q0%20.95.42%201.84q.42.889%201.358%201.997l-.732.607q-1.046-1.12-1.549-2.198T6%2015.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.443-1.772q-.442-.84-1.45-1.825l.702-.7Q8.002%204.884%208.53%205.911t.528%202.158q0%20.76-.222%201.616q-.22.857-.813%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.417%201.84q.417.889%201.356%201.996l-.733.608q-1.046-1.121-1.546-2.198t-.5-2.215q0-.873.25-1.808q.248-.935.84-2.356q.562-1.379.765-2.126t.203-1.391q0-.931-.445-1.771T10.63%204.458l.708-.7Q12.473%204.846%2013%205.873t.528%202.158q0%20.76-.221%201.616t-.814%202.292q-.586%201.442-.802%202.252q-.215.809-.215%201.515m4.471.038q0%20.95.42%201.84q.42.889%201.359%201.997l-.733.602q-1.046-1.121-1.549-2.195t-.503-2.213q0-.873.25-1.808q.249-.934.84-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.442-1.772t-1.45-1.825l.702-.7q1.134%201.086%201.662%202.113Q18%206.94%2018%208.07q0%20.76-.221%201.616t-.814%202.292q-.586%201.442-.802%202.252q-.215.81-.215%201.515m-8.942%200q0%20.95.42%201.84q.42.889%201.358%201.997l-.732.607q-1.046-1.12-1.549-2.198T6%2015.775q0-.873.249-1.808q.249-.934.841-2.356q.562-1.378.765-2.126q.203-.747.203-1.39q0-.932-.443-1.772q-.442-.84-1.45-1.825l.702-.7Q8.002%204.884%208.53%205.911t.528%202.158q0%20.76-.222%201.616q-.22.857-.813%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-outline-sharp.svg?color=%231a73e8&size=48
