Add icons to this collection by clicking the heart icon.
Clouds And Sun icon - also known as cloud, weather, sunny, sun, sky, cloudy, meteorology, 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="100"
height="100"
viewBox="0 0 480.245 480.245"
>
<linearGradient
id="a"
x1="-26.838"
x2="-26.838"
y1="641.781"
y2="687"
gradientTransform="matrix(8 0 0 -8 454.827 5554.104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M376.025 204.123a103.77 103.77 0 0 0-24.128 2.8c-2.825-57.324-51.586-101.504-108.91-98.678a103.918 103.918 0 0 0-65.618 27.662c-46.399-14.103-95.446 12.077-109.549 58.476a87.811 87.811 0 0 0-1.195 46.748 79.468 79.468 0 0 0-15.832 30.192c-37.997 11.723-59.297 52.029-47.574 90.026 9.313 30.186 37.215 50.776 68.806 50.774h304c2.968 0 5.848-.088 8.664-.344 57.248-4.666 99.873-54.858 95.207-112.105-4.407-54.065-49.627-95.663-103.871-95.551zm-224-56a72.642 72.642 0 0 1 13.024 1.168c-.992 1.304-1.88 2.672-2.8 4-.52.8-1.08 1.488-1.6 2.256a104.892 104.892 0 0 0-4.728 8c-.152.296-.28.608-.432.912a99.996 99.996 0 0 0-3.48 7.48c-.4.944-.736 1.92-1.104 2.88-.736 1.944-1.44 3.896-2.064 5.888a82.87 82.87 0 0 0-.968 3.328 104.58 104.58 0 0 0-1.432 5.832c-.248 1.128-.496 2.256-.696 3.392-.384 2.096-.672 4.216-.928 6.344-.112 1.008-.272 2-.36 3.016-.256 3.16-.432 6.304-.432 9.504v1.6a79.313 79.313 0 0 0-16-1.6c-2.512 0-5.008.152-7.496.392-.8.072-1.52.184-2.288.28-1.76.219-3.507.485-5.24.8-.8.152-1.6.312-2.4.488-1.856.416-3.68.912-5.496 1.456-.576.168-1.16.312-1.728.496-2.328.76-4.616 1.6-6.856 2.584-.6.256-1.168.56-1.76.8-1.656.8-3.296 1.6-4.896 2.4-.8.424-1.528.856-2.28 1.304a73.57 73.57 0 0 0-4.264 2.696c-.688.464-1.384.912-2.048 1.392-.272.192-.552.36-.8.552a73.314 73.314 0 0 1-.448-7.64c.048-39.745 32.255-71.952 72-72zm231.272 247.712c-2.4.224-4.8.288-7.272.288h-304c-30.928-.002-55.999-25.075-55.997-56.003.002-26.013 17.916-48.6 43.245-54.525a8 8 0 0 0 6.032-6.176c6.108-29.802 32.299-51.222 62.72-51.296a60.678 60.678 0 0 1 21.92 3.944 8 8 0 0 0 10.808-8.552 83.46 83.46 0 0 1-.728-11.392c0-48.601 39.399-88 88-88s88 39.399 88 88c0 1.72-.072 3.44-.152 5.168a8 8 0 0 0 10.696 7.88 86.697 86.697 0 0 1 29.456-5.048c48.601-.088 88.072 39.239 88.16 87.84.083 45.904-35.133 84.162-80.888 87.872z"
fill="url(#a)"
/>
<linearGradient
id="b"
x1="-37.85"
x2="-37.85"
y1="641.781"
y2="687"
gradientTransform="matrix(8 0 0 -8 454.827 5554.104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M152.025 116.123a8 8 0 0 0 8-8v-32a8 8 0 0 0-16 0v32a8 8 0 0 0 8 8z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="-44.121"
x2="-44.121"
y1="641.781"
y2="687"
gradientTransform="matrix(8 0 0 -8 454.827 5554.104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M100.545 121.547a8.003 8.003 0 0 0 14.784-6.128l-12.248-29.56a8 8 0 0 0-14.776 6.12l12.24 29.568z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="-49.388"
x2="-49.388"
y1="641.781"
y2="687"
gradientTransform="matrix(8 0 0 -8 454.827 5554.104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M65.521 150.587a8 8 0 0 0 11.304-11.312l-22.624-22.632a8 8 0 1 0-11.312 11.312l22.632 22.632z"
fill="url(#d)"
/>
<linearGradient
id="e"
x1="-52.783"
x2="-52.783"
y1="641.781"
y2="687"
gradientTransform="matrix(8 0 0 -8 454.827 5554.104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="m14.697 178.571 29.6 12.248a8.003 8.003 0 0 0 6.128-14.784l-29.6-12.248a8.002 8.002 0 1 0-6.128 14.784z"
fill="url(#e)"
/>
<linearGradient
id="f"
x1="-53.85"
x2="-53.85"
y1="641.781"
y2="687"
gradientTransform="matrix(8 0 0 -8 454.827 5554.104)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#006df0" />
<stop offset="1" stop-color="#00e7f0" />
</linearGradient>
<path
d="M8.025 236.123h32a8 8 0 0 0 0-16h-32a8 8 0 0 0 0 16z"
fill="url(#f)"
/>
</svg>
More icons in the same style and category