Add icons to this collection by clicking the heart icon.
Water Heater icon - also known as automation, water heater, furniture and household, construction and tools, electric heater, and gas heater. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#e6f6ff" />
<stop offset=".189" stop-color="#d5eaf5" />
<stop offset=".52" stop-color="#bad6e5" />
<stop offset="1" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="f"
cx="95.347"
cy="473.508"
r="86.277"
gradientTransform="matrix(-.4 0 0 -.567 183.798 742.093)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#8abbd5" />
<stop offset=".43" stop-color="#6cabca" />
<stop offset="1" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="g"
cx="223.615"
cy="476.003"
r="83.42"
gradientTransform="matrix(-.4 0 0 -.567 286.412 746.003)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="h"
cx="607.347"
cy="473.508"
r="86.277"
gradientTransform="matrix(-.4 0 0 -.567 593.398 742.093)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="735.615"
cy="476.003"
r="83.42"
gradientTransform="matrix(-.4 0 0 -.567 696.012 746.003)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#68e7fd" />
<stop offset=".169" stop-color="#42e3fd" />
<stop offset=".43" stop-color="#00dcfc" />
<stop offset="1" stop-color="#00c1fc" />
</linearGradient>
<radialGradient
id="j"
cx="2.236"
cy="173.507"
r="205.457"
gradientTransform="matrix(0 1 -.444 0 79.294 171.271)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="k"
cx="39.812"
cy="407.804"
r="111.233"
gradientTransform="matrix(1 0 0 .573 0 174.329)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".43" stop-color="#d6f6fd" />
<stop offset="1" stop-color="#68e7fd" />
</linearGradient>
<radialGradient
id="l"
cx="37.166"
cy="15.25"
r="383.716"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<radialGradient
id="m"
cx="434.5"
cy="-161.227"
r="2233.745"
gradientTransform="matrix(-1.067 0 0 -.357 921.813 -297.425)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="n"
cx="195.392"
cy="198.826"
r="229.545"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff9e2" />
<stop offset=".535" stop-color="#ffe4cb" />
<stop offset=".623" stop-color="#ffdfc1" />
<stop offset=".973" stop-color="#ffcb9b" />
</radialGradient>
<radialGradient
id="o"
cx="342.956"
cy="281.587"
r="250.614"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffab56" />
<stop offset=".512" stop-color="#ff982a" />
<stop offset=".598" stop-color="#ff8f2a" />
<stop offset=".976" stop-color="#ff6927" />
</radialGradient>
<radialGradient
id="p"
cx="292.279"
cy="339.602"
r="36.267"
gradientTransform="matrix(1 0 0 .595 0 137.677)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="q"
cx="288.341"
cy="312.765"
r="45.585"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#00d1fd" />
<stop offset=".504" stop-color="#00c1fc" />
<stop offset=".976" stop-color="#0094ff" />
</linearGradient>
<radialGradient
id="r"
cx="349.071"
cy="314.592"
r="81.549"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="s"
cx="330.418"
cy="321.127"
r="20.691"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<radialGradient
id="t"
cx="344.414"
cy="257.626"
r="141.749"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="u"
cx="344.414"
cy="257.626"
r="141.749"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#00abf4" />
<stop offset=".509" stop-color="#0091d2" />
<stop offset=".656" stop-color="#007fc0" />
<stop offset=".983" stop-color="#015a9a" />
</radialGradient>
<radialGradient
id="v"
cx="272.579"
cy="2092.78"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -.42 248.11)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b7efff" />
<stop offset=".274" stop-color="#d8f6ff" />
<stop offset=".496" stop-color="#effbff" />
<stop offset=".888" stop-color="#fff" />
</radialGradient>
<path fill="url(#f)" d="M166.4 486.4h-25.6v-76.8h38.4z" />
<path fill="url(#g)" d="M166.4 409.6H192v76.8h-25.6z" />
<path fill="url(#h)" d="M371.2 486.4h-25.6v-76.8H384z" />
<path fill="url(#i)" d="M371.2 409.6h25.6v76.8h-25.6z" />
<path fill="url(#j)" d="M25.6 64h51.2v332.8H25.6z" />
<path
fill="url(#k)"
d="M128 396.8 12.8 410.18v1.107C12.8 431.563 29.237 448 49.513 448h76.8c-3.624 0 4.016-27.692 1.687-51.2z"
/>
<path
fill="url(#l)"
d="M126.313 0h-76.8C29.237 0 12.8 16.437 12.8 36.713V83.2h25.6v25.6H12.8v102.4h25.6v25.6H12.8v102.4h25.6v25.6H12.8v45.38h104.584C106.685 302.165 109.661 0 126.313 0z"
/>
<path
fill="url(#m)"
d="M462.487 448H396.8l-179.2-25.6L192 448h-65.687c-20.276 0-36.713-16.437-36.713-36.713V36.713C89.6 16.437 106.037 0 126.313 0h336.174C482.763 0 499.2 16.437 499.2 36.713v374.574c0 20.276-16.437 36.713-36.713 36.713z"
/>
<path
fill="url(#n)"
d="M281.6 153.6c-49.485 0-89.6 40.115-89.6 89.6V448h25.6s40.115-294.4 89.6-294.4z"
/>
<path
fill="url(#o)"
d="M396.8 448H217.6V243.2c0-49.485 40.115-89.6 89.6-89.6 49.485 0 89.6 40.115 89.6 89.6z"
/>
<path
fill="url(#p)"
d="m307.2 332.8-22.175 12.8c4.426 7.652 12.699 12.8 22.175 12.8H320c-4.614 0-11.198-18.253-12.8-25.6z"
/>
<path
fill="url(#q)"
d="M320 307.2h-12.8c-14.138 0-25.6 11.461-25.6 25.6 0 4.663 1.247 9.035 3.425 12.8h25.65c-3.308-15.165-.199-38.4 9.325-38.4z"
/>
<circle cx="320" cy="332.8" r="25.6" fill="url(#r)" />
<circle cx="320" cy="326.4" r="6.4" fill="url(#s)" />
<path fill="url(#t)" d="M256 217.6h102.4v64H256z" />
<path
fill="url(#u)"
d="M329.6 271.3c-6.672 0-12.1-5.428-12.1-12.1V240c0-6.672 5.428-12.1 12.1-12.1s12.1 5.428 12.1 12.1a2.5 2.5 0 1 1-5 0c0-3.915-3.185-7.1-7.1-7.1s-7.1 3.185-7.1 7.1v19.2c0 3.915 3.185 7.1 7.1 7.1s7.1-3.185 7.1-7.1a2.5 2.5 0 1 1 5 0c0 6.672-5.428 12.1-12.1 12.1zm-19.9-34.5c0-4.907-3.993-8.899-8.9-8.899s-8.9 3.992-8.9 8.899 3.993 8.9 8.9 8.9 8.9-3.993 8.9-8.9zm-5 0c0 2.15-1.75 3.9-3.9 3.9s-3.9-1.75-3.9-3.9 1.75-3.899 3.9-3.899 3.9 1.748 3.9 3.899z"
/>
<path
fill="url(#v)"
d="M256 512c113.107 0 204.798-11.461 204.798-25.6H51.202c0 14.139 91.691 25.6 204.798 25.6z"
/>
</svg>
More icons in the same style and category