Add icons to this collection by clicking the heart icon.
Thermostat icon - also known as technology, temperature, controller, Tools and utensils, smart, electronics, thermostat, and thermostats. 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"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4031" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<radialGradient
id="b"
cx="256.001"
cy="256"
r="256"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff4031" />
<stop offset=".135" stop-color="#ff4235" stop-opacity=".865" />
<stop offset=".282" stop-color="#ff4942" stop-opacity=".718" />
<stop offset=".435" stop-color="#ff5358" stop-opacity=".565" />
<stop offset=".591" stop-color="#ff6277" stop-opacity=".409" />
<stop offset=".751" stop-color="#ff769e" stop-opacity=".249" />
<stop offset=".91" stop-color="#ff8dcd" stop-opacity=".09" />
<stop offset="1" stop-color="#ff9ceb" stop-opacity="0" />
</radialGradient>
<linearGradient
id="c"
x1="-76.537"
x2="460.517"
y1="588.537"
y2="51.483"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffceec" />
<stop offset=".901" stop-color="#fffafd" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="d"
x1="4.254"
x2="490.174"
y1="507.746"
y2="21.826"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff6e70" />
<stop offset="1" stop-color="#ff9ceb" />
</linearGradient>
<linearGradient
id="e"
x1="107.492"
x2="406.07"
y1="404.508"
y2="105.93"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa9d4" />
<stop offset=".101" stop-color="#ffb0d7" />
<stop offset=".688" stop-color="#ffd5ea" />
<stop offset="1" stop-color="#ffe3f1" />
</linearGradient>
<linearGradient
id="f"
x1="177.136"
x2="317.338"
y1="324.385"
y2="184.183"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc8e3" />
<stop offset=".174" stop-color="#ffd4e9" />
<stop offset=".705" stop-color="#fff3f9" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<radialGradient
id="g"
cx="256"
cy="336.48"
r="172.607"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff91bb" />
<stop offset=".164" stop-color="#ff9cc2" />
<stop offset=".449" stop-color="#ffb8d3" />
<stop offset=".819" stop-color="#ffe6f0" />
<stop offset="1" stop-color="#fff" />
</radialGradient>
<linearGradient
id="h"
x1="232.191"
x2="275.1"
y1="356.195"
y2="313.286"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff79a2" />
<stop offset=".262" stop-color="#ff84ab" />
<stop offset=".716" stop-color="#ffa0c2" />
<stop offset="1" stop-color="#ffb5d3" />
</linearGradient>
<linearGradient
id="i"
x1="107.992"
x2="405.565"
y1="403.361"
y2="105.788"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff79a2" />
<stop offset=".303" stop-color="#ff95b9" />
<stop offset=".758" stop-color="#ffbad7" />
<stop offset="1" stop-color="#ffc8e3" />
</linearGradient>
<linearGradient
id="j"
x1="64.944"
x2="268.245"
y1="448.939"
y2="245.638"
gradientTransform="rotate(180 256 256)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset=".535" stop-color="#ffedf6" stop-opacity=".465" />
<stop offset="1" stop-color="#ffe3f1" stop-opacity="0" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<circle cx="256" cy="256" r="256" fill="url(#b)" />
<circle cx="256" cy="256" r="196" fill="url(#c)" />
<circle cx="256" cy="256" r="166" fill="url(#d)" />
<circle cx="256" cy="256" r="136" fill="url(#e)" />
<path
fill="url(#f)"
d="M256 216.2c-8.268.004-15.057 7.321-15.14 15.731-.066 8.15-.118 16.3-.156 24.45A5902.859 5902.859 0 0 1 256 280.775c5.123-8.2 10.236-16.381 15.296-24.394-.038-8.15-.09-16.3-.156-24.45-.083-8.411-6.872-15.727-15.14-15.731z"
/>
<path
fill="url(#g)"
d="M277.71 311.059c-2.113-2.05-4.23-4.122-6.35-6.21.033-16.156.012-32.312-.063-48.468a567.334 567.334 0 0 0-30.593 0 7118.666 7118.666 0 0 0-.063 48.468c-2.12 2.088-4.237 4.16-6.35 6.21-11.959 11.518-11.582 30.082.365 42.976 5.755 6.144 13.31 9.776 21.344 9.765 8.035.012 15.591-3.621 21.344-9.765 11.947-12.895 12.325-31.458.366-42.976z"
/>
<path
fill="url(#h)"
d="M285.119 338.346c-5.803 6.096-13.437 9.809-21.549 9.99-8.113.203-15.719-3.164-21.482-9.137-7.373-7.67-10.295-17.919-8.597-27.323-11.133 11.554-10.504 29.568 1.164 42.16 5.755 6.144 13.308 9.776 21.345 9.765 8.037.012 15.589-3.621 21.344-9.765 4.558-4.872 7.436-10.696 8.582-16.578-.264.298-.53.596-.807.888z"
/>
<path
fill="url(#i)"
d="M256 120c-75.111 0-136 60.889-136 136 0 31.52 10.723 60.535 28.719 83.597 5.522 7.077 16.033 7.651 22.38 1.304l21.353-21.353c5.18-5.18 5.987-13.385 1.721-19.34C185.251 287.753 180 272.49 180 256c0-41.974 34.026-76 76-76s76 34.026 76 76c0 16.49-5.251 31.753-14.173 44.208-4.266 5.955-3.459 14.16 1.721 19.34l21.353 21.353c6.347 6.347 16.858 5.773 22.38-1.304C381.277 316.535 392 287.52 392 256c0-75.111-60.889-136-136-136z"
/>
<path
fill="url(#j)"
d="M241 150c75.111 0 136 60.889 136 136 0 15.881-2.731 31.123-7.735 45.292C383.625 309.733 392 283.846 392 256c0-75.111-60.889-136-136-136-59.229 0-109.606 37.867-128.265 90.708C152.108 174.115 193.735 150 241 150z"
/>
</svg>
More icons in the same style and category