Add icons to this collection by clicking the heart icon.
Clouds And Sun icon - also known as cloud, weather, sun, sky, cloudy, 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 512 512"
>
<defs>
<linearGradient
id="linear-gradient"
x1="256"
y1="412"
x2="256"
y2="100"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#a49fbc" />
<stop offset="0.848" stop-color="#e2a3b0" />
</linearGradient>
</defs>
<g id="gradient">
<path
d="M468.353,100H43.647A23.674,23.674,0,0,0,20,123.647V388.353A23.674,23.674,0,0,0,43.647,412H468.353A23.674,23.674,0,0,0,492,388.353V123.647A23.674,23.674,0,0,0,468.353,100ZM43.647,108H468.353A15.665,15.665,0,0,1,484,123.647V344.281a32.019,32.019,0,0,0-37.7,4.2A23.876,23.876,0,0,0,428,340,47.985,47.985,0,0,0,352.2,300.888a31.709,31.709,0,0,0-19.75-15.742A60,60,0,1,0,220,256c0,1.433.064,2.873.167,4.315a27.943,27.943,0,0,0-19.052,3.969,43.707,43.707,0,0,0-38-28.167A83.984,83.984,0,0,0,80,140a83.458,83.458,0,0,0-52,18.042V123.647A15.665,15.665,0,0,1,43.647,108ZM76,400a36.04,36.04,0,0,1,36-36,35.624,35.624,0,0,1,14.782,3.175,5.2,5.2,0,0,0,1.653.356,4.12,4.12,0,0,0,3.926-3.261A19.983,19.983,0,0,1,152,348a19.757,19.757,0,0,1,7.641,1.522,4,4,0,0,0,5.231-2.153c.085-.2.2-.618.2-.618a40.014,40.014,0,0,1,78.118,1.19,7.268,7.268,0,0,0,.367,1.038,4,4,0,0,0,5.392,1.712A23.79,23.79,0,0,1,260,348a24.381,24.381,0,0,1,21.925,14.244c2.5,5.295,6.723.944,6.723.944a19.993,19.993,0,0,1,34.392,6.7l.014,0a3.99,3.99,0,0,0,4.825,2.652,16.009,16.009,0,0,1,14.322,3.15,4.4,4.4,0,0,0,2.557.925c3.073.231,3.917-3.182,3.917-3.182A32,32,0,0,1,412,380c0,1.367-.233,3.956-.233,3.956-.555,3.941,2.677,4.893,4.829,4.417A15.533,15.533,0,0,1,420,388a16.019,16.019,0,0,1,16,16H76.23A36.285,36.285,0,0,1,76,400Zm392.353,4H444a24.027,24.027,0,0,0-24-24,40,40,0,0,0-77.612-13.616,23.568,23.568,0,0,0-13.037-2.228,27.961,27.961,0,0,0-42.826-10.019,31.9,31.9,0,0,0-36.707-12.458,48.013,48.013,0,0,0-91.35-.918,27.966,27.966,0,0,0-32.688,17.446A44.017,44.017,0,0,0,68,400c0,1.33.069,2.666.19,4H43.647A15.665,15.665,0,0,1,28,388.353V168.606a76.012,76.012,0,0,1,126.471,70.623s-1.625,5.229,4.074,4.8c.478-.036.967-.027,1.455-.027a35.819,35.819,0,0,1,35.1,27.951,4.014,4.014,0,0,0,3.9,3.11,5.2,5.2,0,0,0,2.835-1.176A21.247,21.247,0,0,1,216,268c4.21-.239,8.578,1.69,8.83,1.69h.01c2.209,0,4.255-1.806,4-4-.262-2.214-.835-6.764-.835-9.69a52,52,0,1,1,94.633,29.777,4,4,0,0,0,.984,5.571,7.149,7.149,0,0,0,2.024.714A23.848,23.848,0,0,1,346.8,308.513s2.012,5.719,6.478,1.73A40,40,0,0,1,420,340c0,1.331-.23,4.46-.23,4.46a4,4,0,0,0,4,4c.3,0,3.067-.455,4.23-.455a15.935,15.935,0,0,1,14.256,8.737s2.82,5.56,6.734.622A24.141,24.141,0,0,1,468,348a23.775,23.775,0,0,1,16,6.123v34.23A15.665,15.665,0,0,1,468.353,404ZM408,244a52,52,0,1,0-52-52A52.059,52.059,0,0,0,408,244Zm0-96a44,44,0,1,1-44,44A44.049,44.049,0,0,1,408,148Z"
fill="url(#linear-gradient)"
/>
</g>
</svg>
More icons in the same style and category