heater icon

heater-solid from Myna UI Icons by Praveen Juge · Solid · MIT Free for personal and commercial use.

Name: heater-solid
Set: Myna UI Icons
Style: Solid
Viewbox: 24×24
License: MIT

1 other variant in Myna UI Icons

The same icon in other sets

Use the heater icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 9c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C6.94 4.423 7 4.169 7 4a1 1 0 0 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C7.06 8.577 7 8.831 7 9a1 1 0 0 1-2 0m5 0c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C11.94 4.423 12 4.169 12 4a1 1 0 1 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C12.06 8.577 12 8.831 12 9a1 1 0 1 1-2 0m5 0c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C16.94 4.423 17 4.169 17 4a1 1 0 1 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C17.06 8.577 17 8.831 17 9a1 1 0 1 1-2 0m5.5 12a1 1 0 1 1-2 0v-1.5h-13V21a1 1 0 1 1-2 0v-7.4c0-.628.085-1.38.617-1.931c.54-.56 1.3-.669 1.983-.669h11.8c.683 0 1.442.109 1.983.669c.532.552.617 1.303.617 1.93z"/></svg>

React

import type { SVGProps } from "react";

export function MynauiHeaterSolid(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="M5 9c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C6.94 4.423 7 4.169 7 4a1 1 0 0 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C7.06 8.577 7 8.831 7 9a1 1 0 0 1-2 0m5 0c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C11.94 4.423 12 4.169 12 4a1 1 0 1 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C12.06 8.577 12 8.831 12 9a1 1 0 1 1-2 0m5 0c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C16.94 4.423 17 4.169 17 4a1 1 0 1 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C17.06 8.577 17 8.831 17 9a1 1 0 1 1-2 0m5.5 12a1 1 0 1 1-2 0v-1.5h-13V21a1 1 0 1 1-2 0v-7.4c0-.628.085-1.38.617-1.931c.54-.56 1.3-.669 1.983-.669h11.8c.683 0 1.442.109 1.983.669c.532.552.617 1.303.617 1.93z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M5 9c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C6.94 4.423 7 4.169 7 4a1 1 0 0 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C7.06 8.577 7 8.831 7 9a1 1 0 0 1-2 0m5 0c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C11.94 4.423 12 4.169 12 4a1 1 0 1 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C12.06 8.577 12 8.831 12 9a1 1 0 1 1-2 0m5 0c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C16.94 4.423 17 4.169 17 4a1 1 0 1 1 2 0c0 .581-.19 1.14-.398 1.61c-.212.476-.49.959-.734 1.386c-.256.448-.478.84-.641 1.207C17.06 8.577 17 8.831 17 9a1 1 0 1 1-2 0m5.5 12a1 1 0 1 1-2 0v-1.5h-13V21a1 1 0 1 1-2 0v-7.4c0-.628.085-1.38.617-1.931c.54-.56 1.3-.669 1.983-.669h11.8c.683 0 1.442.109 1.983.669c.532.552.617 1.303.617 1.93z"/></svg>
</template>

CSS

.icon-heater-solid {
  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%22M5%209c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C6.94%204.423%207%204.169%207%204a1%201%200%200%201%202%200c0%20.581-.19%201.14-.398%201.61c-.212.476-.49.959-.734%201.386c-.256.448-.478.84-.641%201.207C7.06%208.577%207%208.831%207%209a1%201%200%200%201-2%200m5%200c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C11.94%204.423%2012%204.169%2012%204a1%201%200%201%201%202%200c0%20.581-.19%201.14-.398%201.61c-.212.476-.49.959-.734%201.386c-.256.448-.478.84-.641%201.207C12.06%208.577%2012%208.831%2012%209a1%201%200%201%201-2%200m5%200c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C16.94%204.423%2017%204.169%2017%204a1%201%200%201%201%202%200c0%20.581-.19%201.14-.398%201.61c-.212.476-.49.959-.734%201.386c-.256.448-.478.84-.641%201.207C17.06%208.577%2017%208.831%2017%209a1%201%200%201%201-2%200m5.5%2012a1%201%200%201%201-2%200v-1.5h-13V21a1%201%200%201%201-2%200v-7.4c0-.628.085-1.38.617-1.931c.54-.56%201.3-.669%201.983-.669h11.8c.683%200%201.442.109%201.983.669c.532.552.617%201.303.617%201.93z%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%22M5%209c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C6.94%204.423%207%204.169%207%204a1%201%200%200%201%202%200c0%20.581-.19%201.14-.398%201.61c-.212.476-.49.959-.734%201.386c-.256.448-.478.84-.641%201.207C7.06%208.577%207%208.831%207%209a1%201%200%200%201-2%200m5%200c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C11.94%204.423%2012%204.169%2012%204a1%201%200%201%201%202%200c0%20.581-.19%201.14-.398%201.61c-.212.476-.49.959-.734%201.386c-.256.448-.478.84-.641%201.207C12.06%208.577%2012%208.831%2012%209a1%201%200%201%201-2%200m5%200c0-.581.19-1.14.398-1.61c.212-.476.49-.959.734-1.386c.256-.448.478-.84.641-1.207C16.94%204.423%2017%204.169%2017%204a1%201%200%201%201%202%200c0%20.581-.19%201.14-.398%201.61c-.212.476-.49.959-.734%201.386c-.256.448-.478.84-.641%201.207C17.06%208.577%2017%208.831%2017%209a1%201%200%201%201-2%200m5.5%2012a1%201%200%201%201-2%200v-1.5h-13V21a1%201%200%201%201-2%200v-7.4c0-.628.085-1.38.617-1.931c.54-.56%201.3-.669%201.983-.669h11.8c.683%200%201.442.109%201.983.669c.532.552.617%201.303.617%201.93z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mynaui/heater-solid.svg?color=%231a73e8&size=48