Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, weather, sun, sky, cloudy, clouds, jotta cloud, haw weather, and clouds and sun. Created in a clean 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="a">
<stop offset="0" stop-color="#38aaff" />
<stop offset=".5" stop-color="#7ad200" />
<stop offset="1" stop-color="#f1903d" />
</linearGradient>
<linearGradient
id="b"
x1="32"
x2="32"
y1=".778"
y2="61.34"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="c"
x1="56.5"
x2="56.5"
y1=".778"
y2="61.34"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="53.581"
x2="53.581"
y1=".778"
y2="61.34"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="e"
x1="40.91"
x2="40.91"
y1=".778"
y2="61.34"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="8.91"
x2="8.91"
y1=".778"
y2="61.34"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="20.804"
x2="20.804"
y1=".778"
y2="61.34"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="h"
x1="34.543"
x2="34.543"
y1=".778"
y2="61.34"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="i"
x1="42.625"
x2="42.625"
y1=".778"
y2="61.34"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<path
fill="url(#b)"
d="M61 41c0-4.074-3.063-7.439-7.006-7.931 1.007-2.081 2.242-3.891 3.713-5.362a1 1 0 0 0 .229-1.058c-.804-2.146-2.724-8.377-1.967-11.406a1 1 0 0 0-.415-1.075c-.057-.038-5.69-3.835-6.585-7.411a1 1 0 0 0-.883-.753c-.072-.006-7.259-.657-10.533-2.836a.996.996 0 0 0-1.107 0c-3.274 2.18-10.461 2.83-10.533 2.836a1 1 0 0 0-.883.753c-.895 3.575-6.528 7.373-6.585 7.411a.999.999 0 0 0-.416 1.072c.305 1.237.295 3.301-.561 5.512-2.597.783-4.774 2.693-5.843 5.228a7.358 7.358 0 0 0-1.536-.16c-4.058 0-7.359 3.302-7.359 7.36 0 .479.045.955.135 1.419C1.812 35.349 0 37.122 0 40.45c0 4.063 3.302 7.37 7.36 7.37a7.323 7.323 0 0 0 4.642-1.651 9.251 9.251 0 0 0 6.028 3.396c-.007.147-.03.281-.03.435 0 4.411 3.589 8 8 8a7.944 7.944 0 0 0 5.12-1.859A10.04 10.04 0 0 0 39 60a9.974 9.974 0 0 0 7.5-3.388A9.974 9.974 0 0 0 54 60c5.514 0 10-4.486 10-10a9.945 9.945 0 0 0-3.18-7.31A8.13 8.13 0 0 0 61 41zM20.107 15.444c1.473-1.067 5.415-4.161 6.65-7.518 1.854-.21 7.056-.94 10.243-2.753 3.187 1.813 8.389 2.543 10.242 2.754 1.236 3.359 5.185 6.456 6.654 7.521-.533 3.701 1.304 9.438 1.952 11.305-1.643 1.757-3.001 3.897-4.072 6.349a7.774 7.774 0 0 0-2.622.878c-.11-.25-.252-.48-.381-.718A14.983 14.983 0 0 0 52 24c0-8.271-6.729-15-15-15-6.999 0-13.083 4.944-14.617 11.672a9.06 9.06 0 0 0-2.293-.313c-.129 0-.253.024-.381.029.491-1.69.636-3.43.398-4.944zm17.921 12.762a7.272 7.272 0 0 0-6.117-3.296 7.293 7.293 0 0 0-3.455.854c-.86-1.907-2.358-3.426-4.178-4.366C25.498 15.424 30.837 11 37 11c7.168 0 13 5.832 13 13 0 2.699-.847 5.321-2.401 7.511A10.032 10.032 0 0 0 40 28c-.671 0-1.33.075-1.972.206zM13.01 44.119a.998.998 0 0 0-1.618-.14 5.301 5.301 0 0 1-4.031 1.841C4.404 45.82 2 43.411 2 40.45c0-3.271 2.335-4.427 2.427-4.471a1 1 0 0 0 .54-1.201 5.457 5.457 0 0 1-.237-1.598 5.365 5.365 0 0 1 5.359-5.36c.638 0 1.246.107 1.811.317a1.003 1.003 0 0 0 1.309-.652c.896-3.018 3.725-5.125 6.881-5.125 3.193 0 6.029 2.14 6.898 5.203a1 1 0 0 0 1.586.508 5.288 5.288 0 0 1 3.336-1.161c1.627 0 3.114.726 4.108 1.934-2.347 1.028-4.269 2.931-5.265 5.351A7.916 7.916 0 0 0 29 34c-4.411 0-8 3.589-8 8 0 .543.054 1.081.159 1.607a7.307 7.307 0 0 0-2.829 3.974 7.221 7.221 0 0 1-5.32-3.462zM62 50c0 4.411-3.589 8-8 8a7.978 7.978 0 0 1-6.666-3.582 1.001 1.001 0 0 0-1.668 0A7.98 7.98 0 0 1 39 58a8.026 8.026 0 0 1-6.87-3.92 1.003 1.003 0 0 0-1.619-.141A5.93 5.93 0 0 1 26 56c-3.309 0-6-2.691-6-6 0-3.67 2.621-4.96 2.726-5.011a.999.999 0 0 0 .54-1.202A6.099 6.099 0 0 1 23 42c0-3.309 2.691-6 6-6 .698 0 1.384.121 2.037.359a.998.998 0 0 0 1.302-.655C33.335 32.346 36.485 30 40 30c3.556 0 6.718 2.382 7.688 5.794a1 1 0 0 0 1.59.504A5.86 5.86 0 0 1 53 35a6.006 6.006 0 0 1 5.741 7.756c-.114.386.015.803.326 1.058A7.957 7.957 0 0 1 62 50z"
/>
<path
fill="url(#c)"
d="M57.803 45.363a.999.999 0 1 0-1.265 1.549A3.972 3.972 0 0 1 58 50c0 2.206-1.794 4-4 4a1 1 0 1 0 0 2c3.309 0 6-2.691 6-6a5.966 5.966 0 0 0-2.197-4.637z"
/>
<path
fill="url(#d)"
d="M55 41a1 1 0 1 0 2 0c0-2.206-1.794-4-4-4-.92 0-1.772.295-2.466.854a1 1 0 1 0 1.256 1.557A1.902 1.902 0 0 1 53 39c1.103 0 2 .897 2 2z"
/>
<path
fill="url(#e)"
d="M40 32a6.04 6.04 0 0 0-3.58 1.191 1 1 0 0 0 1.193 1.605A4.031 4.031 0 0 1 40 34a4.004 4.004 0 0 1 3.841 2.889 1 1 0 1 0 1.923-.547C45.037 33.785 42.667 32 40 32z"
/>
<path
fill="url(#f)"
d="M10.09 29.82a3.363 3.363 0 0 0-3.359 3.36 1 1 0 1 0 2 0c0-.75.609-1.36 1.359-1.36a1 1 0 1 0 0-2z"
/>
<path
fill="url(#g)"
d="M23.14 28.654a1 1 0 1 0 1.923-.545 5.182 5.182 0 0 0-4.974-3.749 5.223 5.223 0 0 0-3.2 1.11 1 1 0 1 0 1.234 1.574 3.208 3.208 0 0 1 1.966-.685 3.179 3.179 0 0 1 3.051 2.295z"
/>
<path
fill="url(#h)"
d="M35.888 13.057a10.901 10.901 0 0 0-3.187.828 1 1 0 1 0 .79 1.837 8.919 8.919 0 0 1 2.603-.676 1.001 1.001 0 1 0-.206-1.989z"
/>
<path
fill="url(#i)"
d="M45.297 20.512a.998.998 0 0 0 1.31.532 1 1 0 0 0 .532-1.311 11.009 11.009 0 0 0-7.903-6.505 1 1 0 1 0-.407 1.958 9.015 9.015 0 0 1 6.468 5.326z"
/>
</svg>
More icons in the same style and category