water heater icon
water-heater from Material Symbols Light by Google · Regular · Household · Apache-2.0 Free for personal and commercial use.
- Name
- water-heater
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Household
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- water-heater-rounded, water-heater-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More household icons from Material Symbols Light
Use the water heater icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.275 11.073q0 1.087.57 1.954q.569.867 1.463 1.327q-.231-.292-.368-.631t-.138-.72q0-.448.174-.838t.478-.688L12 9.937l1.543 1.538q.313.3.484.69t.171.839q0 .38-.127.717q-.128.338-.36.633q.895-.46 1.455-1.327q.559-.867.559-1.954q0-1.002-.48-1.854t-1.281-1.35l-.248.252q-.145.145-.331.232t-.404.088q-.46 0-.79-.32q-.331-.32-.331-.782V6.012l-.69.457q-.575.38-1.218 1.028q-.642.647-1.16 1.55q-.517.905-.517 2.026m3.725.118l-.925.9q-.2.2-.294.431q-.095.232-.095.488q0 .538.387.9q.386.363.927.363t.927-.363q.387-.362.387-.9q0-.281-.095-.5q-.094-.22-.294-.42zM6.116 21.5q-.667 0-1.141-.475t-.475-1.14V6q0-1.458 1.021-2.479T8 2.5h8q1.458 0 2.479 1.021T19.5 6v13.885q0 .666-.475 1.14t-1.14.475zM9 17.5q.979 0 1.391-.5t1.618-.5t1.647.5t1.334.5t1.393-.5t2.117-.5V6q0-1.031-.734-1.766Q17.03 3.5 16 3.5H8q-1.031 0-1.766.735Q5.5 4.969 5.5 6v10.5q1.6 0 2.075.5T9 17.5"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWaterHeater(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.275 11.073q0 1.087.57 1.954q.569.867 1.463 1.327q-.231-.292-.368-.631t-.138-.72q0-.448.174-.838t.478-.688L12 9.937l1.543 1.538q.313.3.484.69t.171.839q0 .38-.127.717q-.128.338-.36.633q.895-.46 1.455-1.327q.559-.867.559-1.954q0-1.002-.48-1.854t-1.281-1.35l-.248.252q-.145.145-.331.232t-.404.088q-.46 0-.79-.32q-.331-.32-.331-.782V6.012l-.69.457q-.575.38-1.218 1.028q-.642.647-1.16 1.55q-.517.905-.517 2.026m3.725.118l-.925.9q-.2.2-.294.431q-.095.232-.095.488q0 .538.387.9q.386.363.927.363t.927-.363q.387-.362.387-.9q0-.281-.095-.5q-.094-.22-.294-.42zM6.116 21.5q-.667 0-1.141-.475t-.475-1.14V6q0-1.458 1.021-2.479T8 2.5h8q1.458 0 2.479 1.021T19.5 6v13.885q0 .666-.475 1.14t-1.14.475zM9 17.5q.979 0 1.391-.5t1.618-.5t1.647.5t1.334.5t1.393-.5t2.117-.5V6q0-1.031-.734-1.766Q17.03 3.5 16 3.5H8q-1.031 0-1.766.735Q5.5 4.969 5.5 6v10.5q1.6 0 2.075.5T9 17.5"/></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.275 11.073q0 1.087.57 1.954q.569.867 1.463 1.327q-.231-.292-.368-.631t-.138-.72q0-.448.174-.838t.478-.688L12 9.937l1.543 1.538q.313.3.484.69t.171.839q0 .38-.127.717q-.128.338-.36.633q.895-.46 1.455-1.327q.559-.867.559-1.954q0-1.002-.48-1.854t-1.281-1.35l-.248.252q-.145.145-.331.232t-.404.088q-.46 0-.79-.32q-.331-.32-.331-.782V6.012l-.69.457q-.575.38-1.218 1.028q-.642.647-1.16 1.55q-.517.905-.517 2.026m3.725.118l-.925.9q-.2.2-.294.431q-.095.232-.095.488q0 .538.387.9q.386.363.927.363t.927-.363q.387-.362.387-.9q0-.281-.095-.5q-.094-.22-.294-.42zM6.116 21.5q-.667 0-1.141-.475t-.475-1.14V6q0-1.458 1.021-2.479T8 2.5h8q1.458 0 2.479 1.021T19.5 6v13.885q0 .666-.475 1.14t-1.14.475zM9 17.5q.979 0 1.391-.5t1.618-.5t1.647.5t1.334.5t1.393-.5t2.117-.5V6q0-1.031-.734-1.766Q17.03 3.5 16 3.5H8q-1.031 0-1.766.735Q5.5 4.969 5.5 6v10.5q1.6 0 2.075.5T9 17.5"/></svg> </template>
CSS
.icon-water-heater {
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.275%2011.073q0%201.087.57%201.954q.569.867%201.463%201.327q-.231-.292-.368-.631t-.138-.72q0-.448.174-.838t.478-.688L12%209.937l1.543%201.538q.313.3.484.69t.171.839q0%20.38-.127.717q-.128.338-.36.633q.895-.46%201.455-1.327q.559-.867.559-1.954q0-1.002-.48-1.854t-1.281-1.35l-.248.252q-.145.145-.331.232t-.404.088q-.46%200-.79-.32q-.331-.32-.331-.782V6.012l-.69.457q-.575.38-1.218%201.028q-.642.647-1.16%201.55q-.517.905-.517%202.026m3.725.118l-.925.9q-.2.2-.294.431q-.095.232-.095.488q0%20.538.387.9q.386.363.927.363t.927-.363q.387-.362.387-.9q0-.281-.095-.5q-.094-.22-.294-.42zM6.116%2021.5q-.667%200-1.141-.475t-.475-1.14V6q0-1.458%201.021-2.479T8%202.5h8q1.458%200%202.479%201.021T19.5%206v13.885q0%20.666-.475%201.14t-1.14.475zM9%2017.5q.979%200%201.391-.5t1.618-.5t1.647.5t1.334.5t1.393-.5t2.117-.5V6q0-1.031-.734-1.766Q17.03%203.5%2016%203.5H8q-1.031%200-1.766.735Q5.5%204.969%205.5%206v10.5q1.6%200%202.075.5T9%2017.5%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.275%2011.073q0%201.087.57%201.954q.569.867%201.463%201.327q-.231-.292-.368-.631t-.138-.72q0-.448.174-.838t.478-.688L12%209.937l1.543%201.538q.313.3.484.69t.171.839q0%20.38-.127.717q-.128.338-.36.633q.895-.46%201.455-1.327q.559-.867.559-1.954q0-1.002-.48-1.854t-1.281-1.35l-.248.252q-.145.145-.331.232t-.404.088q-.46%200-.79-.32q-.331-.32-.331-.782V6.012l-.69.457q-.575.38-1.218%201.028q-.642.647-1.16%201.55q-.517.905-.517%202.026m3.725.118l-.925.9q-.2.2-.294.431q-.095.232-.095.488q0%20.538.387.9q.386.363.927.363t.927-.363q.387-.362.387-.9q0-.281-.095-.5q-.094-.22-.294-.42zM6.116%2021.5q-.667%200-1.141-.475t-.475-1.14V6q0-1.458%201.021-2.479T8%202.5h8q1.458%200%202.479%201.021T19.5%206v13.885q0%20.666-.475%201.14t-1.14.475zM9%2017.5q.979%200%201.391-.5t1.618-.5t1.647.5t1.334.5t1.393-.5t2.117-.5V6q0-1.031-.734-1.766Q17.03%203.5%2016%203.5H8q-1.031%200-1.766.735Q5.5%204.969%205.5%206v10.5q1.6%200%202.075.5T9%2017.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/water-heater.svg?color=%231a73e8&size=48
