Add icons to this collection by clicking the heart icon.
Temperature icon - also known as temperature, thermometer, weather, degree, degrees, celsius, fahrenheit, temperatures, and warmth. 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 48 48"
>
<linearGradient
id="a"
x1="24"
x2="24"
y1="2.667"
y2="46.667"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eaecf7" />
<stop offset="1" stop-color="#cdd3f1" />
</linearGradient>
<linearGradient
id="b"
x1="24.003"
x2="24.003"
y1="35.167"
y2="47.584"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
<stop offset="1" stop-color="#9aa6e2" />
</linearGradient>
<linearGradient
id="c"
x1="24.001"
x2="24.001"
y1="1.417"
y2="37.876"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9aa6e2" />
<stop offset="1" stop-color="#e2e5f4" stop-opacity="0" />
</linearGradient>
<linearGradient
id="d"
x1="24.001"
x2="24.001"
y1="6.458"
y2="16.964"
href="#a"
/>
<linearGradient
id="e"
x1="24.001"
x2="24.001"
y1="16.5"
y2="40.813"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#14a5ff" />
<stop offset="1" stop-color="#037cff" />
</linearGradient>
<linearGradient
id="f"
x1="24.001"
x2="24.001"
y1="33.173"
y2="41.589"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#037cff" stop-opacity="0" />
<stop offset="1" stop-color="#0063cc" />
</linearGradient>
<path
fill="url(#a)"
d="M30 25.787V8a6 6 0 0 0-6-6 6 6 0 0 0-6 6v17.787a11 11 0 1 0 12 0z"
/>
<path
fill="url(#b)"
d="M13.075 36.3A11 11 0 0 0 35 35H13.007a11.346 11.346 0 0 0 .068 1.3z"
/>
<path
fill="url(#c)"
d="M24 43a8.471 8.471 0 0 1-.927-.052 8.109 8.109 0 0 1-7.018-6.992A8 8 0 0 1 19.64 28.3l1.36-.889V8a3 3 0 0 1 6 0v19.411l1.36.888A8 8 0 0 1 24 43z"
/>
<path
fill="url(#d)"
d="M24 42a7.428 7.428 0 0 1-.817-.046 7.088 7.088 0 0 1-6.135-6.112 7 7 0 0 1 3.137-6.705L22 27.953V8a2 2 0 0 1 4 0v19.953l1.814 1.184A7 7 0 0 1 24 42z"
/>
<path
fill="url(#e)"
d="M24 42a7.428 7.428 0 0 1-.817-.046 7.088 7.088 0 0 1-6.135-6.112 7 7 0 0 1 3.137-6.705L22 27.953V16h4v11.953l1.814 1.184A7 7 0 0 1 24 42z"
/>
<path
fill="url(#f)"
d="M17.3 33a6.978 6.978 0 0 0 5.884 8.954A7.428 7.428 0 0 0 24 42a6.966 6.966 0 0 0 6.7-9z"
/>
</svg>
More icons in the same style and category