Add icons to this collection by clicking the heart icon.
Clouds And Sun icon - also known as weather, sunny, sky, cloudy, meteorology, clouds and sun, and professions and jobs. Created in a clean lineal color style with a white, black, and pink finish, 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 0c0-79.171-63.861-143.352-142.637-143.352-78.777 0-142.637 64.181-142.637 143.352s63.86 143.353 142.637 143.353C-63.861 143.353 0 79.171 0 0"
transform="translate(295.274 300.843)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-117.163c-42.519 0-76.986 34.641-76.986 77.373 0 42.731 34.467 77.373 76.986 77.373h5.705c-.021.905-.032 1.813-.032 2.724 0 63.094 50.893 114.243 113.673 114.243 10.15 0 19.99-1.338 29.355-3.846 21.692 21.472 51.465 34.722 84.318 34.722 66.366 0 120.166-54.07 120.166-120.769 0-5.46-.36-10.836-1.059-16.104 29.318-13.941 49.599-43.94 49.599-78.7C284.562 38.958 245.798 0 197.98 0H90.413"
transform="translate(217.439 67.804)"
fill="#ccf5fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(262.828 67.804)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-23.283 25.512-37.493 59.523-37.493 96.87 0 79.171 63.861 143.352 142.637 143.352 56.972 0 106.143-33.569 128.998-82.1"
transform="translate(47.493 203.974)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c49.934 0 92.347-32.357 107.614-77.347"
transform="translate(219.622 339.517)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-33.103-13.252-63.095-34.715-84.911"
transform="translate(453.46 249.625)"
fill="none"
stroke="#000"
stroke-width="20"
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