Add icons to this collection by clicking the heart icon.
Temperature icon - also known as temperature, thermometer, mercury, weather, degree, celsius, and fahrenheit. 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 32 32"
>
<linearGradient
id="a"
x1="12.471"
x2="5.613"
y1="7"
y2="22.688"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffa724" />
<stop offset="1" stop-color="#ffa724" stop-opacity="0" />
</linearGradient>
<linearGradient
id="b"
x1="15.167"
x2=".881"
y1="28"
y2="23.679"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffc38b" />
<stop offset="1" stop-color="#fff9c1" />
<stop offset="1" stop-color="#fff9c1" />
</linearGradient>
<linearGradient
id="c"
x1="12"
x2="2.265"
y1="26"
y2="16.182"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff7d7d" />
<stop offset="1" stop-color="#ff2f2f" />
</linearGradient>
<linearGradient
id="d"
x1="24.5"
x2="15.131"
y1="7.75"
y2="18.797"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffcd4d" />
<stop offset="1" stop-color="#fa8700" />
</linearGradient>
<g fill="none">
<path
fill="url(#a)"
fill-rule="evenodd"
d="M11 4a3 3 0 0 0-3 3v12a5 5 0 1 0 6 0V7a3 3 0 0 0-3-3z"
clip-rule="evenodd"
/>
<path
fill="url(#b)"
d="m8 19 .6.8.4-.3V19zm6 0h-1v.5l.4.3zM9 7a2 2 0 0 1 2-2V3a4 4 0 0 0-4 4zm0 12V7H7v12zm-2 4c0-1.308.627-2.47 1.6-3.2l-1.2-1.6A5.992 5.992 0 0 0 5 23zm4 4a4 4 0 0 1-4-4H5a6 6 0 0 0 6 6zm4-4a4 4 0 0 1-4 4v2a6 6 0 0 0 6-6zm-1.6-3.2A3.993 3.993 0 0 1 15 23h2a5.992 5.992 0 0 0-2.4-4.8zM13 7v12h2V7zm-2-2a2 2 0 0 1 2 2h2a4 4 0 0 0-4-4z"
/>
<g fill-rule="evenodd" clip-rule="evenodd">
<path
fill="url(#c)"
d="M12 11a1 1 0 1 0-2 0v9.17a3.001 3.001 0 1 0 2 0z"
/>
<path
fill="url(#d)"
d="M19 6a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1zm0 20a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1zm1-16a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2zm-1 6a1 1 0 0 1 1-1h4a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1zm1 4a1 1 0 1 0 0 2h4a1 1 0 1 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category