Add icons to this collection by clicking the heart icon.
Temperature Control icon - also known as cold, controller, networking, hot, electronics, thermostat, home automation, temperature control, and smarthome. Created in a clean flat 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 64 64"
>
<linearGradient
id="d"
x1="5.172"
x2="58.828"
y1="58.828"
y2="5.172"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d7e6f9" />
<stop offset="1" stop-color="#ccd3dd" />
</linearGradient>
<linearGradient
id="a"
x1="6.553"
x2="33.451"
y1="46.686"
y2="19.788"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#80b4ff" />
<stop offset="1" stop-color="#5d88f4" />
</linearGradient>
<linearGradient
id="b"
x1="38.343"
x2="49.657"
y1="21.657"
y2="10.343"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffce62" />
<stop offset="1" stop-color="#f4a519" />
</linearGradient>
<linearGradient id="e" x1="39" x2="49" y1="53" y2="43" href="#a" />
<linearGradient
id="f"
x1="38.007"
x2="41.836"
y1="45.836"
y2="42.007"
href="#a"
/>
<linearGradient id="g" x1="37.843" x2="42" y1="54.157" y2="50" href="#a" />
<linearGradient id="h" x1="46" x2="50.157" y1="46" y2="41.843" href="#a" />
<linearGradient
id="i"
x1="46.164"
x2="49.993"
y1="53.993"
y2="50.164"
href="#a"
/>
<linearGradient
id="j"
x1="35.646"
x2="40.354"
y1="35.646"
y2="30.939"
href="#b"
/>
<linearGradient
id="k"
x1="47.646"
x2="52.354"
y1="33.061"
y2="28.354"
href="#a"
/>
<linearGradient
id="c"
x1="9.129"
x2="30.871"
y1="43.614"
y2="21.871"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f95555" />
<stop offset="1" stop-color="#d81d1d" />
</linearGradient>
<linearGradient
id="l"
x1="25.25"
x2="27.75"
y1="19.25"
y2="16.75"
href="#c"
/>
<linearGradient
id="m"
x1="25.75"
x2="29.25"
y1="15.75"
y2="12.25"
href="#c"
/>
<linearGradient
id="n"
x1="25.75"
x2="29.25"
y1="23.75"
y2="20.25"
href="#c"
/>
<linearGradient
id="o"
x1="25.25"
x2="27.75"
y1="35.25"
y2="32.75"
href="#c"
/>
<linearGradient
id="p"
x1="25.25"
x2="27.75"
y1="27.25"
y2="24.75"
href="#c"
/>
<linearGradient
id="q"
x1="25.75"
x2="29.25"
y1="31.75"
y2="28.25"
href="#c"
/>
<rect width="56" height="56" x="4" y="4" fill="url(#d)" rx="4" />
<path
fill="url(#a)"
d="M24 36.838V11.99A3.99 3.99 0 0 0 20.01 8h-.02A3.99 3.99 0 0 0 16 11.99v24.848a10 10 0 1 0 8 0z"
/>
<path
fill="url(#b)"
d="M52 17v-2h-3.1a4.961 4.961 0 0 0-.732-1.753l2.2-2.2-1.418-1.411-2.2 2.2A4.969 4.969 0 0 0 45 11.1V8h-2v3.1a4.969 4.969 0 0 0-1.753.732l-2.2-2.2-1.411 1.418 2.2 2.2A4.961 4.961 0 0 0 39.1 15H36v2h3.1a4.961 4.961 0 0 0 .732 1.753l-2.2 2.2 1.414 1.414 2.2-2.2A4.969 4.969 0 0 0 43 20.9V24h2v-3.1a4.969 4.969 0 0 0 1.753-.732l2.2 2.2 1.414-1.414-2.2-2.2A4.961 4.961 0 0 0 48.9 17z"
/>
<path
fill="url(#e)"
d="M51.293 45.293 49.586 47H45v-4.586l1.707-1.707-1.414-1.414L44 40.586l-1.293-1.293-1.414 1.414L43 42.414V47h-4.586l-1.707-1.707-1.414 1.414L36.586 48l-1.293 1.293 1.414 1.414L38.414 49H43v4.586l-1.707 1.707 1.414 1.414L44 55.414l1.293 1.293 1.414-1.414L45 53.586V49h4.586l1.707 1.707 1.414-1.414L51.414 48l1.293-1.293z"
/>
<path
fill="url(#f)"
d="M38.758 40.929v1.828h-1.829v2h2.414l1.95 1.95 1.414-1.414-1.949-1.949v-2.415z"
/>
<path
fill="url(#g)"
d="m42.707 50.707-1.414-1.414-1.95 1.95h-2.414v2h1.829v1.828h2v-2.415z"
/>
<path
fill="url(#h)"
d="M47.242 40.929v2.415l-1.949 1.949 1.414 1.414 1.95-1.95h2.414v-2h-1.829v-1.828z"
/>
<path
fill="url(#i)"
d="m46.707 49.293-1.414 1.414 1.949 1.949v2.415h2v-1.828h1.829v-2h-2.414z"
/>
<path
fill="url(#j)"
d="m41.293 34.707 1.414-1.414-4-4a1 1 0 0 0-1.414 0l-4 4 1.414 1.414L38 31.414z"
/>
<path
fill="url(#k)"
d="m50 32.586-3.293-3.293-1.414 1.414 4 4a1 1 0 0 0 1.414 0l4-4-1.414-1.414z"
/>
<path fill="url(#c)" d="M21 40.09V12h-2v28.09a6 6 0 1 0 2 0z" />
<path fill="url(#l)" d="M25 17h3v2h-3z" />
<path fill="url(#m)" d="M25 13h5v2h-5z" />
<path fill="url(#n)" d="M25 21h5v2h-5z" />
<path fill="url(#o)" d="M25 33h3v2h-3z" />
<path fill="url(#p)" d="M25 25h3v2h-3z" />
<path fill="url(#q)" d="M25 29h5v2h-5z" />
</svg>
More icons in the same style and category