Add icons to this collection by clicking the heart icon.
Cool icon - also known as temperature, thermometer, cloud, mercury, weather, degree, and cool. 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="linear-gradient"
gradientUnits="userSpaceOnUse"
x1="35"
x2="35"
y1="2.667"
y2="46.667"
>
<stop offset="0" stop-color="#eaecf7" />
<stop offset="1" stop-color="#cdd3f1" />
</linearGradient>
<linearGradient
id="linear-gradient-2"
gradientUnits="userSpaceOnUse"
x1="35.003"
x2="35.003"
y1="35.167"
y2="47.584"
>
<stop offset="0" stop-color="#e2e5f4" stop-opacity="0" />
<stop offset="1" stop-color="#9aa6e2" />
</linearGradient>
<linearGradient
id="linear-gradient-3"
gradientUnits="userSpaceOnUse"
x1="35.001"
x2="35.001"
y1="1.417"
y2="37.876"
>
<stop offset="0" stop-color="#9aa6e2" />
<stop offset="1" stop-color="#e2e5f4" stop-opacity="0" />
</linearGradient>
<linearGradient
id="linear-gradient-4"
x1="35.001"
x2="35.001"
y1="6.458"
y2="16.964"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-5"
gradientUnits="userSpaceOnUse"
x1="35.001"
x2="35.001"
y1="16.5"
y2="40.813"
>
<stop offset="0" stop-color="#14a5ff" />
<stop offset="1" stop-color="#037cff" />
</linearGradient>
<linearGradient
id="linear-gradient-6"
gradientUnits="userSpaceOnUse"
x1="35.001"
x2="35.001"
y1="33.173"
y2="41.589"
>
<stop offset="0" stop-color="#037cff" stop-opacity="0" />
<stop offset="1" stop-color="#0063cc" />
</linearGradient>
<linearGradient
id="linear-gradient-7"
x1="13"
x2="13"
y1="7.083"
y2="20"
href="#linear-gradient"
/>
<linearGradient
id="linear-gradient-8"
x1="13"
x2="13"
y1="15.97"
y2="20.938"
href="#linear-gradient-2"
/>
<g id="Cool">
<path
d="m41 25.787v-17.787a6 6 0 0 0 -6-6 6 6 0 0 0 -6 6v17.787a11 11 0 1 0 12 0z"
fill="url(#linear-gradient)"
/>
<path
d="m24.075 36.3a11 11 0 0 0 21.925-1.3h-21.993a11.346 11.346 0 0 0 .068 1.3z"
fill="url(#linear-gradient-2)"
/>
<path
d="m35 43a8.471 8.471 0 0 1 -.927-.052 8.109 8.109 0 0 1 -7.018-6.992 8 8 0 0 1 3.585-7.656l1.36-.889v-19.411a3 3 0 0 1 6 0v19.411l1.36.888a8 8 0 0 1 -4.36 14.701z"
fill="url(#linear-gradient-3)"
/>
<path
d="m35 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.705l1.815-1.184v-19.953a2 2 0 0 1 4 0v19.953l1.814 1.184a7 7 0 0 1 -3.814 12.863z"
fill="url(#linear-gradient-4)"
/>
<path
d="m35 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.705l1.815-1.184v-11.953h4v11.953l1.814 1.184a7 7 0 0 1 -3.814 12.863z"
fill="url(#linear-gradient-5)"
/>
<path
d="m28.3 33a6.978 6.978 0 0 0 5.884 8.954 7.428 7.428 0 0 0 .816.046 6.966 6.966 0 0 0 6.7-9z"
fill="url(#linear-gradient-6)"
/>
<path
d="m20 12c-.06 0-.119.006-.179.009a6.49 6.49 0 0 0 -11.851-1.909 5 5 0 1 0 -.97 9.9h13a4 4 0 0 0 0-8z"
fill="url(#linear-gradient-7)"
/>
<path
d="m2 15a5 5 0 0 0 5 5h13a3.952 3.952 0 0 0 3.859-5z"
fill="url(#linear-gradient-8)"
/>
</g>
</svg>
More icons in the same style and category