hot water icon

hot-water from Element Plus by Element Plus · Outline · MIT Free for personal and commercial use.

Name
hot-water
Set
Element Plus
Style
Outline
Viewbox
1024×1024
License
MIT

Use the hot water icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M273 477.9h478v-68.3H273zm0 68.2v51.2a187.7 187.7 0 0 0 187.8 187.8h102.4a187.7 187.7 0 0 0 187.7-187.8v-51.2zm-34-204.8h546a34 34 0 0 1 34.2 34.2v221.8a256 256 0 0 1-256 256H460.8a256 256 0 0 1-256-256V375.5a34 34 0 0 1 34.1-34.2M512 34.1a34 34 0 0 1 34.1 34.2v170.6a34.1 34.1 0 0 1-68.2 0V68.3A34 34 0 0 1 512 34m-136.5 68.3a34 34 0 0 1 34.1 34.1V239a34.1 34.1 0 0 1-68.3 0V136.5a34 34 0 0 1 34.2-34.1m273 0a34 34 0 0 1 34.2 34.1V239a34.1 34.1 0 1 1-68.3 0V136.5a34 34 0 0 1 34.1-34.1M170.7 921.7h682.6a34.1 34.1 0 1 1 0 68.2H170.7a34.1 34.1 0 1 1 0-68.2"/></svg>

React

import type { SVGProps } from "react";

export function EpHotWater(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M273 477.9h478v-68.3H273zm0 68.2v51.2a187.7 187.7 0 0 0 187.8 187.8h102.4a187.7 187.7 0 0 0 187.7-187.8v-51.2zm-34-204.8h546a34 34 0 0 1 34.2 34.2v221.8a256 256 0 0 1-256 256H460.8a256 256 0 0 1-256-256V375.5a34 34 0 0 1 34.1-34.2M512 34.1a34 34 0 0 1 34.1 34.2v170.6a34.1 34.1 0 0 1-68.2 0V68.3A34 34 0 0 1 512 34m-136.5 68.3a34 34 0 0 1 34.1 34.1V239a34.1 34.1 0 0 1-68.3 0V136.5a34 34 0 0 1 34.2-34.1m273 0a34 34 0 0 1 34.2 34.1V239a34.1 34.1 0 1 1-68.3 0V136.5a34 34 0 0 1 34.1-34.1M170.7 921.7h682.6a34.1 34.1 0 1 1 0 68.2H170.7a34.1 34.1 0 1 1 0-68.2"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M273 477.9h478v-68.3H273zm0 68.2v51.2a187.7 187.7 0 0 0 187.8 187.8h102.4a187.7 187.7 0 0 0 187.7-187.8v-51.2zm-34-204.8h546a34 34 0 0 1 34.2 34.2v221.8a256 256 0 0 1-256 256H460.8a256 256 0 0 1-256-256V375.5a34 34 0 0 1 34.1-34.2M512 34.1a34 34 0 0 1 34.1 34.2v170.6a34.1 34.1 0 0 1-68.2 0V68.3A34 34 0 0 1 512 34m-136.5 68.3a34 34 0 0 1 34.1 34.1V239a34.1 34.1 0 0 1-68.3 0V136.5a34 34 0 0 1 34.2-34.1m273 0a34 34 0 0 1 34.2 34.1V239a34.1 34.1 0 1 1-68.3 0V136.5a34 34 0 0 1 34.1-34.1M170.7 921.7h682.6a34.1 34.1 0 1 1 0 68.2H170.7a34.1 34.1 0 1 1 0-68.2"/></svg>
</template>

CSS

.icon-hot-water {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M273%20477.9h478v-68.3H273zm0%2068.2v51.2a187.7%20187.7%200%200%200%20187.8%20187.8h102.4a187.7%20187.7%200%200%200%20187.7-187.8v-51.2zm-34-204.8h546a34%2034%200%200%201%2034.2%2034.2v221.8a256%20256%200%200%201-256%20256H460.8a256%20256%200%200%201-256-256V375.5a34%2034%200%200%201%2034.1-34.2M512%2034.1a34%2034%200%200%201%2034.1%2034.2v170.6a34.1%2034.1%200%200%201-68.2%200V68.3A34%2034%200%200%201%20512%2034m-136.5%2068.3a34%2034%200%200%201%2034.1%2034.1V239a34.1%2034.1%200%200%201-68.3%200V136.5a34%2034%200%200%201%2034.2-34.1m273%200a34%2034%200%200%201%2034.2%2034.1V239a34.1%2034.1%200%201%201-68.3%200V136.5a34%2034%200%200%201%2034.1-34.1M170.7%20921.7h682.6a34.1%2034.1%200%201%201%200%2068.2H170.7a34.1%2034.1%200%201%201%200-68.2%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M273%20477.9h478v-68.3H273zm0%2068.2v51.2a187.7%20187.7%200%200%200%20187.8%20187.8h102.4a187.7%20187.7%200%200%200%20187.7-187.8v-51.2zm-34-204.8h546a34%2034%200%200%201%2034.2%2034.2v221.8a256%20256%200%200%201-256%20256H460.8a256%20256%200%200%201-256-256V375.5a34%2034%200%200%201%2034.1-34.2M512%2034.1a34%2034%200%200%201%2034.1%2034.2v170.6a34.1%2034.1%200%200%201-68.2%200V68.3A34%2034%200%200%201%20512%2034m-136.5%2068.3a34%2034%200%200%201%2034.1%2034.1V239a34.1%2034.1%200%200%201-68.3%200V136.5a34%2034%200%200%201%2034.2-34.1m273%200a34%2034%200%200%201%2034.2%2034.1V239a34.1%2034.1%200%201%201-68.3%200V136.5a34%2034%200%200%201%2034.1-34.1M170.7%20921.7h682.6a34.1%2034.1%200%201%201%200%2068.2H170.7a34.1%2034.1%200%201%201%200-68.2%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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