heat pump icon
heat-pump-outline-sharp from Material Symbols Light by Google · Outline Sharp · Household · Apache-2.0 Free for personal and commercial use.
- Name
- heat-pump-outline-sharp
- Set
- Material Symbols Light
- Style
- Outline Sharp
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
3 other variants in Material Symbols Light
The same icon in other sets
More household icons from Material Symbols Light
Use the heat pump icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.26 15.74Q6.73 14.213 6.73 12t1.53-3.75Q9.789 6.712 12 6.712t3.75 1.538T17.289 12t-1.539 3.74T12 17.27t-3.74-1.53m3.298.512V13.05l-2.25 2.25q.484.398 1.049.647q.564.25 1.2.305m.885 0q.612-.056 1.189-.295t1.061-.638l-2.25-2.25zm2.877-1.56q.398-.484.638-1.061t.295-1.189h-3.183zm-2.25-3.134h3.183q-.056-.612-.295-1.189t-.638-1.061zm-.627-.608l2.25-2.25q-.484-.398-1.049-.647q-.564-.25-1.2-.305zm.04 1.532q.191-.191.191-.482t-.191-.482t-.482-.191t-.482.191t-.191.482t.191.482t.482.191t.482-.191m-.924-1.551V7.748q-.612.056-1.189.295t-1.061.638zm-3.81.627h3.183l-2.25-2.25q-.398.484-.638 1.061t-.295 1.189m.933 3.134l2.25-2.25H7.729q.075.612.324 1.189t.628 1.061M4 20V4h16v16zm1-1h14V5H5zm0 0V5z"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightHeatPumpOutlineSharp(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="M8.26 15.74Q6.73 14.213 6.73 12t1.53-3.75Q9.789 6.712 12 6.712t3.75 1.538T17.289 12t-1.539 3.74T12 17.27t-3.74-1.53m3.298.512V13.05l-2.25 2.25q.484.398 1.049.647q.564.25 1.2.305m.885 0q.612-.056 1.189-.295t1.061-.638l-2.25-2.25zm2.877-1.56q.398-.484.638-1.061t.295-1.189h-3.183zm-2.25-3.134h3.183q-.056-.612-.295-1.189t-.638-1.061zm-.627-.608l2.25-2.25q-.484-.398-1.049-.647q-.564-.25-1.2-.305zm.04 1.532q.191-.191.191-.482t-.191-.482t-.482-.191t-.482.191t-.191.482t.191.482t.482.191t.482-.191m-.924-1.551V7.748q-.612.056-1.189.295t-1.061.638zm-3.81.627h3.183l-2.25-2.25q-.398.484-.638 1.061t-.295 1.189m.933 3.134l2.25-2.25H7.729q.075.612.324 1.189t.628 1.061M4 20V4h16v16zm1-1h14V5H5zm0 0V5z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.26 15.74Q6.73 14.213 6.73 12t1.53-3.75Q9.789 6.712 12 6.712t3.75 1.538T17.289 12t-1.539 3.74T12 17.27t-3.74-1.53m3.298.512V13.05l-2.25 2.25q.484.398 1.049.647q.564.25 1.2.305m.885 0q.612-.056 1.189-.295t1.061-.638l-2.25-2.25zm2.877-1.56q.398-.484.638-1.061t.295-1.189h-3.183zm-2.25-3.134h3.183q-.056-.612-.295-1.189t-.638-1.061zm-.627-.608l2.25-2.25q-.484-.398-1.049-.647q-.564-.25-1.2-.305zm.04 1.532q.191-.191.191-.482t-.191-.482t-.482-.191t-.482.191t-.191.482t.191.482t.482.191t.482-.191m-.924-1.551V7.748q-.612.056-1.189.295t-1.061.638zm-3.81.627h3.183l-2.25-2.25q-.398.484-.638 1.061t-.295 1.189m.933 3.134l2.25-2.25H7.729q.075.612.324 1.189t.628 1.061M4 20V4h16v16zm1-1h14V5H5zm0 0V5z"/></svg> </template>
CSS
.icon-heat-pump-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%22M8.26%2015.74Q6.73%2014.213%206.73%2012t1.53-3.75Q9.789%206.712%2012%206.712t3.75%201.538T17.289%2012t-1.539%203.74T12%2017.27t-3.74-1.53m3.298.512V13.05l-2.25%202.25q.484.398%201.049.647q.564.25%201.2.305m.885%200q.612-.056%201.189-.295t1.061-.638l-2.25-2.25zm2.877-1.56q.398-.484.638-1.061t.295-1.189h-3.183zm-2.25-3.134h3.183q-.056-.612-.295-1.189t-.638-1.061zm-.627-.608l2.25-2.25q-.484-.398-1.049-.647q-.564-.25-1.2-.305zm.04%201.532q.191-.191.191-.482t-.191-.482t-.482-.191t-.482.191t-.191.482t.191.482t.482.191t.482-.191m-.924-1.551V7.748q-.612.056-1.189.295t-1.061.638zm-3.81.627h3.183l-2.25-2.25q-.398.484-.638%201.061t-.295%201.189m.933%203.134l2.25-2.25H7.729q.075.612.324%201.189t.628%201.061M4%2020V4h16v16zm1-1h14V5H5zm0%200V5z%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%22M8.26%2015.74Q6.73%2014.213%206.73%2012t1.53-3.75Q9.789%206.712%2012%206.712t3.75%201.538T17.289%2012t-1.539%203.74T12%2017.27t-3.74-1.53m3.298.512V13.05l-2.25%202.25q.484.398%201.049.647q.564.25%201.2.305m.885%200q.612-.056%201.189-.295t1.061-.638l-2.25-2.25zm2.877-1.56q.398-.484.638-1.061t.295-1.189h-3.183zm-2.25-3.134h3.183q-.056-.612-.295-1.189t-.638-1.061zm-.627-.608l2.25-2.25q-.484-.398-1.049-.647q-.564-.25-1.2-.305zm.04%201.532q.191-.191.191-.482t-.191-.482t-.482-.191t-.482.191t-.191.482t.191.482t.482.191t.482-.191m-.924-1.551V7.748q-.612.056-1.189.295t-1.061.638zm-3.81.627h3.183l-2.25-2.25q-.398.484-.638%201.061t-.295%201.189m.933%203.134l2.25-2.25H7.729q.075.612.324%201.189t.628%201.061M4%2020V4h16v16zm1-1h14V5H5zm0%200V5z%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-pump-outline-sharp.svg?color=%231a73e8&size=48
