Add icons to this collection by clicking the heart icon.
Clouds And Sun icon - also known as weather, sky, forecast, meteorology, climate, and clouds and sun. Created in a clean lineal color 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c-4.593.453-9.07.274-13.36-.454-4.433-.753-8.632 2.187-9.328 6.629-6.824 43.572-44.521 76.906-90.009 76.906-34.826 0-65.084-19.541-80.419-48.255-1.765-3.305-5.574-4.984-9.178-3.96a66.05 66.05 0 0 1-18.086 2.515c-29.496 0-54.481-19.274-63.071-45.911-.836-2.594-3.02-4.491-5.653-5.195-17.671-4.731-30.683-20.859-30.676-40.025.008-22.775 19.387-41.402 42.163-41.402H-5.014c28.631 0 51.607 24.209 49.576 53.273C42.887-21.925 23.896-2.359 0 0"
transform="translate(327.28 272.32)"
fill="#f0e6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-1.675 23.954-20.665 43.52-44.561 45.879a50.25 50.25 0 0 1-13.361-.454c-4.432-.753-8.632 2.187-9.328 6.629-6.823 43.572-44.521 76.906-90.009 76.906-3.903 0-7.745-.259-11.519-.735 40.224-5.06 72.288-36.326 78.528-76.171.696-4.442 4.896-7.382 9.328-6.629a50.25 50.25 0 0 0 13.361.454C-43.665 43.52-24.675 23.954-23 0c2.031-29.064-20.944-53.273-49.575-53.273h23C-20.944-53.273 2.031-29.064 0 0"
transform="translate(371.842 226.441)"
fill="#d2cbd7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.448-22.251-49.699-49.7-49.699-27.448 0-49.699 22.251-49.699 49.699 0 27.449 22.251 49.7 49.699 49.7C-22.251 49.7 0 27.449 0 0"
transform="translate(454.8 388.534)"
fill="#f6c959"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-3.96 0-7.807-.477-11.5-1.352 21.901-5.191 38.2-24.86 38.2-48.347 0-23.489-16.299-43.157-38.2-48.349A49.811 49.811 0 0 1 0-99.399c27.449 0 49.7 22.251 49.7 49.7C49.7-22.251 27.449 0 0 0"
transform="translate(405.1 438.234)"
fill="#f6aa40"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a50.25 50.25 0 0 0 13.361-.454c4.433-.753 8.632 2.187 9.328 6.629 6.824 43.572 44.521 76.906 90.008 76.906 34.827 0 65.085-19.541 80.42-48.255 1.765-3.305 5.574-4.984 9.178-3.96a66.044 66.044 0 0 0 18.086 2.515c29.496 0 54.481-19.274 63.071-45.911.836-2.594 3.02-4.491 5.652-5.195 17.671-4.731 30.683-20.859 30.677-40.025-.008-22.774-19.387-41.402-42.163-41.402H5.015c-28.631 0-51.607 24.209-49.576 53.273C-42.886-21.925-23.896-2.359 0 0"
transform="translate(176.435 123.218)"
fill="#fff7f4"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c1.765-3.305 5.574-4.984 9.178-3.96a65.971 65.971 0 0 0 14.888 2.429C23.661-1.069 23.3-.561 23 0 7.665 28.714-22.593 48.255-57.42 48.255c-3.89 0-7.718-.262-11.48-.735C-39.002 43.746-13.616 25.495 0 0"
transform="translate(346.553 158.044)"
fill="#f0e6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-2.632.704-4.815 2.601-5.651 5.194-8.59 26.638-33.576 45.911-63.072 45.911-3.925 0-7.769-.345-11.506-1.003C-55.876 45.841-36.1 28.29-28.651 5.194-27.815 2.601-25.632.704-23 0-5.328-4.731 7.684-20.859 7.678-40.025 7.67-62.8-11.71-81.428-34.485-81.428h23c22.775 0 42.155 18.628 42.163 41.403C30.684-20.859 17.672-4.731 0 0"
transform="translate(465.54 105.493)"
fill="#f0e6e6"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-4.143 3.357-7.5 7.5-7.5S15-4.143 15 0c0 25.022-16.158 46.329-38.582 54.072a90.688 90.688 0 0 1-1.173-6.008c-.696-4.441-4.895-7.381-9.328-6.628-.344.058-.69.107-1.036.158C-15.211 38.215 0 20.855 0 0"
transform="translate(223.88 81.328)"
fill="#c7b7b7"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-27.448-22.251-49.699-49.7-49.699-27.448 0-49.699 22.251-49.699 49.699 0 27.449 22.251 49.7 49.699 49.7C-22.251 49.7 0 27.449 0 0Z"
transform="translate(454.8 388.534)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v16.566"
transform="translate(405.1 471.368)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.715 11.715"
transform="translate(346.528 447.106)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-16.566"
transform="translate(322.267 388.534)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0-11.715-11.715"
transform="translate(346.528 329.963)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-16.566"
transform="translate(405.1 305.701)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 11.715-11.715"
transform="translate(463.672 329.963)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16.566"
transform="translate(487.934 388.534)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="m0 0 11.715 11.715"
transform="translate(463.672 447.106)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h113.52"
transform="translate(105.334 173.168)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c12.771 8.994 21.116 23.854 21.116 40.663 0 27.448-22.252 49.7-49.7 49.7a49.596 49.596 0 0 1-16.729-2.894c-2.791 47.812-42.442 85.727-90.955 85.727-37.227 0-69.234-22.329-83.375-54.321a66.056 66.056 0 0 1-24.307 4.621c-31.048 0-57.1-21.355-64.29-50.177-19.881-3.037-35.111-20.21-35.111-40.939 0-22.874 18.543-41.417 41.417-41.417h26.417"
transform="translate(350.85 182.205)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-194.265c-27.448 0-49.7 22.252-49.7 49.7 0 27.448 22.252 49.7 49.7 49.7a49.606 49.606 0 0 0 16.73-2.894c2.789 47.812 42.441 85.727 90.953 85.727 37.228 0 69.235-22.329 83.376-54.322a66.041 66.041 0 0 0 24.308 4.622c31.047 0 57.098-21.355 64.289-50.177 19.881-3.037 35.111-20.21 35.111-40.939C120.502 18.543 101.959 0 79.085 0H30"
transform="translate(375.715 24.065)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c27.448 0 49.7-22.252 49.7-49.7"
transform="translate(181.45 123.466)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category