Add icons to this collection by clicking the heart icon.
Thermometer icon - also known as temperature, thermometer, mercury, weather, degrees, and celsius. 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 96 96"
>
<linearGradient
id="c"
x1="17.76"
x2="78.24"
y1="78.24"
y2="17.76"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#232526" />
<stop offset=".59" stop-color="#333537" />
<stop offset="1" stop-color="#414345" />
</linearGradient>
<linearGradient
id="d"
x1="18.47"
x2="77.53"
y1="77.53"
y2="18.47"
gradientUnits="userSpaceOnUse"
>
<stop offset=".08" stop-color="#232526" />
<stop offset=".63" stop-color="#333537" />
<stop offset="1" stop-color="#414345" />
</linearGradient>
<linearGradient
id="e"
x1="48"
x2="48"
y1="85"
y2="35"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa000" />
<stop offset=".1" stop-color="#ffa611" />
<stop offset=".3" stop-color="#ffb73d" />
<stop offset=".57" stop-color="#ffd184" />
<stop offset=".91" stop-color="#fff5e5" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="a"
x1="52"
x2="61"
y1="13"
y2="13"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#abbaab" />
<stop offset=".25" stop-color="#bcc8bc" />
<stop offset=".76" stop-color="#e7ece7" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient id="f" y1="29" y2="29" href="#a" />
<linearGradient id="g" x2="58" y1="21" y2="21" href="#a" />
<linearGradient id="h" y1="45" y2="45" href="#a" />
<linearGradient id="i" x2="58" y1="37" y2="37" href="#a" />
<linearGradient id="j" y1="61" y2="61" href="#a" />
<linearGradient id="k" x2="58" y1="53" y2="53" href="#a" />
<linearGradient
id="b"
x1="76.78"
x2="88.44"
y1="26.26"
y2="14.6"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffd54f" />
<stop offset=".27" stop-color="#ffce3e" />
<stop offset=".8" stop-color="#ffbb13" />
<stop offset="1" stop-color="#ffb300" />
</linearGradient>
<linearGradient
id="l"
x1="70.73"
x2="74.27"
y1="13.27"
y2="9.73"
href="#b"
/>
<g>
<rect width="38" height="90" x="29" y="3" fill="url(#c)" rx="6" />
<rect width="36" height="88" x="30" y="4" fill="url(#d)" rx="5" />
<path
fill="url(#e)"
d="M50 71.29V37a2 2 0 0 0-4 0v34.29a7 7 0 1 0 4 0z"
/>
<path fill="url(#a)" d="M59 15h-5a2 2 0 0 1 0-4h5a2 2 0 0 1 0 4z" />
<path fill="url(#f)" d="M59 31h-5a2 2 0 0 1 0-4h5a2 2 0 0 1 0 4z" />
<path fill="url(#g)" d="M56 23h-2a2 2 0 0 1 0-4h2a2 2 0 0 1 0 4z" />
<path fill="url(#h)" d="M59 47h-5a2 2 0 0 1 0-4h5a2 2 0 0 1 0 4z" />
<path fill="url(#i)" d="M56 39h-2a2 2 0 0 1 0-4h2a2 2 0 0 1 0 4z" />
<path fill="url(#j)" d="M59 63h-5a2 2 0 0 1 0-4h5a2 2 0 0 1 0 4z" />
<path fill="url(#k)" d="M56 55h-2a2 2 0 0 1 0-4h2a2 2 0 0 1 0 4z" />
<path
fill="url(#b)"
d="M88.26 23.27a2 2 0 0 0-2.81.29A3.64 3.64 0 0 1 82.6 25c-2.15 0-3.91-2.05-3.91-4.57s1.76-4.57 3.91-4.57a3.66 3.66 0 0 1 2.85 1.43 2 2 0 0 0 3.1-2.52 7.67 7.67 0 0 0-6-2.91c-4.36 0-7.91 3.84-7.91 8.57S78.24 29 82.6 29a7.67 7.67 0 0 0 6-2.91 2 2 0 0 0-.34-2.82z"
/>
<circle cx="72.5" cy="11.5" r="2.5" fill="url(#l)" />
</g>
</svg>
More icons in the same style and category