Add icons to this collection by clicking the heart icon.
Hot Water icon - also known as beverage, dispenser, hot water, food and restaurant, and water dispenser. 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="#8abbd5" />
<stop offset=".518" stop-color="#6cabca" />
<stop offset=".793" stop-color="#2c91b9" />
<stop offset=".976" stop-color="#0681af" />
</linearGradient>
<radialGradient
id="d"
cx="431.871"
cy="468.529"
r="197.512"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#eaf9fa" />
<stop offset=".514" stop-color="#bad6e5" />
<stop offset=".606" stop-color="#b0d0e2" />
<stop offset=".976" stop-color="#8abbd5" />
</linearGradient>
<radialGradient
id="e"
cx="71.024"
cy="93.668"
r="390.313"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="f"
cx="1155.284"
cy="205.628"
r="634.288"
gradientTransform="matrix(0 1 -.218 0 397.545 -949.656)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#017297" />
<stop offset=".512" stop-color="#024c67" />
<stop offset=".976" stop-color="#00366d" />
</linearGradient>
<radialGradient
id="g"
cx="171.612"
cy="405.847"
r="42.83"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="h"
cx="217.565"
cy="143.682"
r="43.317"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="i"
cx="258.6"
cy="151.729"
r="50.2"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="j"
cx="252.671"
cy="154.647"
r="38.457"
gradientTransform="matrix(-1 0 0 -.594 505.341 246.477)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="k"
cx="278.529"
cy="154.859"
r="62.098"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="l"
cx="74.694"
cy="6.6"
r="60.406"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="m"
cx="359.695"
cy="15.424"
r="201.882"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="n"
cx="368.16"
cy="160.304"
r="78.757"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="o"
cx="272.745"
cy="95.501"
r="34.814"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="p"
cx="326.388"
cy="93.165"
r="59.17"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="q"
cx="316.435"
cy="119.012"
r="18.109"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="r"
cx="274.082"
cy="125.753"
r="45.135"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="s"
cx="331.525"
cy="135.165"
r="50.723"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<radialGradient
id="t"
cx="159.118"
cy="451.024"
r="51.536"
gradientTransform="matrix(0 1 -1.482 0 827.473 291.906)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="u"
cx="84.962"
cy="496.482"
r="99.308"
gradientTransform="matrix(.833 0 0 .499 14.933 248.747)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="v"
cx="207.4"
cy="411.494"
r="44.688"
gradientTransform="matrix(0 1 -.701 0 495.997 204.094)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="w"
cx="164.735"
cy="411.171"
r="29.468"
gradientTransform="matrix(-1 0 0 -.594 329.471 655.324)"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<radialGradient
id="x"
cx="340.012"
cy="29.541"
r="26.669"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff0ad" />
<stop offset=".518" stop-color="#ffe177" />
<stop offset=".635" stop-color="#ffd96a" />
<stop offset="1" stop-color="#ffc344" />
</radialGradient>
<radialGradient
id="y"
cx="301.612"
cy="29.541"
r="35.246"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#75cdd5" />
<stop offset=".214" stop-color="#4fc4ce" />
<stop offset=".406" stop-color="#2abcc8" />
<stop offset="1" stop-color="#0996a4" />
</radialGradient>
<radialGradient
id="z"
cx="431.157"
cy="1775.756"
r="211.111"
gradientTransform="matrix(.931 0 0 .114 -148.108 284.241)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#b4d2e2" />
<stop offset=".512" stop-color="#d8e8f0" />
<stop offset=".525" stop-color="#d9e9f0" />
<stop offset=".976" stop-color="#fff" />
</radialGradient>
<path fill="url(#d)" d="M217.6 460.8h243.2v25.6H217.6z" />
<path fill="url(#e)" d="M51.2 460.8H128v-448H51.2z" />
<path fill="url(#f)" d="M128 12.8h243.2v448H128z" />
<path
fill="url(#g)"
d="M160 435.2c-10.604 0-19.2-8.596-19.2-19.2s8.596-19.2 19.2-19.2 19.2 8.596 19.2 19.2-8.596 19.2-19.2 19.2z"
/>
<path
fill="url(#h)"
d="M230.4 140.8c-14.138 0-25.6 11.462-25.6 25.6s11.462 25.6 25.6 25.6h12.8c-14.138 0-14.138-51.2 0-51.2z"
/>
<circle cx="243.2" cy="166.4" r="25.6" fill="url(#i)" />
<path
fill="url(#j)"
d="M243.2 179.2c-7.069 0-12.8-5.731-12.8-12.8s5.731-12.8 12.8-12.8h64v25.6z"
/>
<path fill="url(#k)" d="m268.8 140.8 12.8 64h25.6l-12.8-64z" />
<path fill="url(#l)" d="M51.2 0H128v12.8H51.2z" />
<path fill="url(#m)" d="M128 0h243.2v12.8H128z" />
<path fill="url(#n)" d="M332.8 204.8h-25.6l-12.8-64h51.2z" />
<path fill="url(#o)" d="m268.8 89.6 12.8 51.2 12.8-12.8-12.8-38.4z" />
<path fill="url(#p)" d="M320 140.8h-25.6l-12.8-51.2h51.2z" />
<path fill="url(#q)" d="m297.994 102.4 9.206 36.825 9.207-36.825z" />
<path fill="url(#r)" d="M268.8 128h25.6v12.8h-25.6z" />
<path fill="url(#s)" d="M294.4 128h51.2v12.8h-51.2z" />
<path fill="url(#t)" d="M128 486.4h89.6v-25.6H128z" />
<path fill="url(#u)" d="M64 460.8h64v25.6H64z" />
<path
fill="url(#v)"
d="M189.765 409.6c8.304 0 15.035 6.732 15.035 15.035V448H192v-23.365c0-8.304-6.732-15.035-15.035-15.035z"
/>
<path
fill="url(#w)"
d="M153.6 416a6.4 6.4 0 0 0 6.4 6.4h19.2V448H192v-23.365c0-8.304-6.732-15.035-15.035-15.035H160a6.4 6.4 0 0 0-6.4 6.4z"
/>
<circle cx="345.6" cy="38.4" r="12.8" fill="url(#x)" />
<circle cx="307.2" cy="38.4" r="12.8" fill="url(#y)" />
<path
fill="url(#z)"
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