Add icons to this collection by clicking the heart icon.
Temperature icon - also known as temperature, thermometer, nature, weather, heat, hot, warm, summertime, sun, forecast, and climate. 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="b"
x1="26.878"
x2="48.548"
y1="8.952"
y2="30.622"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fae61e" />
<stop offset="1" stop-color="#f5ad2d" />
</linearGradient>
<linearGradient
id="c"
x1="31.942"
x2="43.567"
y1="14.073"
y2="25.699"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#f7b733" />
<stop offset="1" stop-color="#fc4a1a" />
</linearGradient>
<linearGradient
id="a"
x1="12.481"
x2="16.415"
y1="19.483"
y2="23.417"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#596c76" />
<stop offset="1" stop-color="#2c3e50" />
</linearGradient>
<linearGradient
id="d"
x1="13.981"
x2="16.915"
y1="25.483"
y2="28.417"
href="#a"
/>
<linearGradient
id="e"
x1="13.981"
x2="16.915"
y1="36.483"
y2="39.417"
href="#a"
/>
<linearGradient
id="f"
x1="12.481"
x2="16.415"
y1="30.483"
y2="34.417"
href="#a"
/>
<linearGradient
id="g"
x1="12.56"
x2="36.335"
y1="26.683"
y2="50.458"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#eef2f3" />
<stop offset="1" stop-color="#c0cdfb" />
</linearGradient>
<linearGradient
id="h"
x1="12.481"
x2="16.415"
y1="41.483"
y2="45.417"
href="#a"
/>
<linearGradient
id="i"
x1="15.993"
x2="32.918"
y1="32.706"
y2="49.63"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fd4755" />
<stop offset="1" stop-color="#d91843" />
</linearGradient>
<path
fill="url(#b)"
d="M43.465 31.21a7.762 7.762 0 0 0-3.371 3.637.591.591 0 0 1-.961.163 8.48 8.48 0 0 0-4.297-2.392 8.389 8.389 0 0 0-5.067.526.592.592 0 0 1-.824-.518 8.43 8.43 0 0 0-1.23-3.897 8.698 8.698 0 0 0-4.873-3.656.59.59 0 0 1-.297-.935 8.447 8.447 0 0 0 1.832-4.755 8.548 8.548 0 0 0-1.286-4.984.593.593 0 0 1 .373-.886 8.247 8.247 0 0 0 4.514-2.859 8.25 8.25 0 0 0 1.722-4.33.59.59 0 0 1 .874-.464 8.26 8.26 0 0 0 4.556.996 8.249 8.249 0 0 0 4.904-2.153.59.59 0 0 1 .934.195A8.548 8.548 0 0 0 44.38 8.75a8.447 8.447 0 0 0 4.967 1.14.59.59 0 0 1 .61.769 8.698 8.698 0 0 0 .306 6.084 8.43 8.43 0 0 0 2.542 3.2.592.592 0 0 1-.031.972 8.389 8.389 0 0 0-3.27 3.906 8.478 8.478 0 0 0-.422 4.887.591.591 0 0 1-.68.704 7.413 7.413 0 0 0-4.937.797z"
/>
<circle cx="37.754" cy="19.886" r="8.219" fill="url(#c)" />
<path fill="url(#a)" d="M16.948 22.45h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
<path fill="url(#d)" d="M16.948 27.95h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<path fill="url(#e)" d="M16.948 38.95h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2z" />
<path fill="url(#f)" d="M16.948 33.45h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
<path
fill="url(#g)"
d="M28.448 46.714V20.45a4 4 0 0 0-8 0v26.264a7 7 0 1 0 8 0z"
/>
<path fill="url(#h)" d="M16.948 44.45h-5a1 1 0 0 1 0-2h5a1 1 0 0 1 0 2z" />
<path
fill="url(#i)"
d="m25.444 48.596.02-22.92a.977.977 0 0 0-1.21-.98.94.94 0 0 0-.79.98l-.02 21.7v1.22a3.748 3.748 0 0 0-1.43.7 3.968 3.968 0 0 0 .01 6.33 3.99 3.99 0 1 0 3.42-7.03zm-1 5.85a2 2 0 1 1 2-2 2 2 0 0 1-2 2z"
/>
</svg>
More icons in the same style and category