Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, nature, weather, sunny, sun, sky, cloudy, and meteorology. Created in a clean flat style with a gray 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 68.274-55.347 123.622-123.622 123.622-68.274 0-123.621-55.348-123.621-123.622s55.347-123.622 123.621-123.622C-55.347-123.622 0-68.274 0 0"
transform="translate(379.622 388.378)"
fill="#f6ee86"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 58.617 40.798 107.704 95.547 120.418a123.964 123.964 0 0 1-28.075 3.204C-.802 123.622-56.149 68.274-56.149 0S-.802-123.622 67.472-123.622c9.658 0 19.055 1.109 28.075 3.204C40.798-107.704 0-58.617 0 0"
transform="translate(188.528 388.378)"
fill="#f2d98d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a14.542 14.542 0 0 1 10.998-4.998A14.542 14.542 0 0 1 21.987.021"
transform="translate(177.804 416.692)"
fill="none"
stroke="#5c586f"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a14.544 14.544 0 0 0-10.989-5.019A14.546 14.546 0 0 0-21.987-.021"
transform="translate(334.136 416.84)"
fill="none"
stroke="#5c586f"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c4.124-4.732 10.191-7.727 16.961-7.727 6.77 0 12.837 2.995 16.961 7.727"
transform="translate(239.039 407.55)"
fill="none"
stroke="#5c586f"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a90.858 90.858 0 0 0-2.301 20.372c0 50.022 40.551 90.572 90.572 90.572 50.022 0 90.573-40.55 90.573-90.572 0-50.022-40.551-90.573-90.573-90.573a90.62 90.62 0 0 0-24.996 3.496c-4.178-28.115-28.413-49.687-57.69-49.687-32.216 0-58.332 26.117-58.332 58.332C-52.747-27.728-29.595-2.812 0 0"
transform="translate(52.747 249.62)"
fill="#f8d4a5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0a90.858 90.858 0 0 1 2.301 20.372c0 50.022-40.551 90.572-90.572 90.572-50.022 0-90.573-40.55-90.573-90.572 0-50.022 40.551-90.573 90.573-90.573a90.62 90.62 0 0 1 24.996 3.496c4.178-28.115 28.413-49.687 57.69-49.687 32.216 0 58.332 26.117 58.332 58.332C52.747-27.728 29.595-2.812 0 0"
transform="translate(459.253 249.62)"
fill="#fae0bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c39.827 0 72.113 32.286 72.113 72.113 0 39.826-32.286 72.112-72.113 72.112-1.523 0-3.03-.063-4.529-.156-2.42 43.005-35.862 77.715-78.313 82.1-9.363 47.256-51.04 82.885-101.045 82.885s-91.683-35.629-101.046-82.885c-42.451-4.385-75.893-39.095-78.312-82.1-1.5.093-3.007.156-4.53.156-39.826 0-72.112-32.286-72.112-72.112C-439.887 32.286-407.601 0-367.775 0z"
transform="translate(439.887)"
fill="#fbf1cf"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 5.334.503 10.547 1.417 15.618-1.919-.106-3.85-.165-5.795-.165-56.896 0-103.018 46.122-103.018 103.018 0 6.89.682 13.621 1.972 20.132-42.451-4.384-75.892-39.095-78.312-82.099-1.5.093-3.007.156-4.53.156-39.826 0-72.112-32.286-72.112-72.113 0-39.826 32.286-72.112 72.112-72.112H87.565C39.204-87.565 0-48.361 0 0"
transform="translate(260.378 87.565)"
fill="#fae0bd"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.315-13.554-24.109-30.274-24.109S-60.549-13.315-60.549 0c0 13.315 13.555 24.109 30.275 24.109S0 13.315 0 0"
transform="translate(204.226 135.707)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-13.315 13.554-24.109 30.274-24.109S60.549-13.315 60.549 0c0 13.315-13.555 24.109-30.275 24.109S0 13.315 0 0"
transform="translate(307.774 135.707)"
fill="#ffa1ac"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0 15.085-10.928 16.502-24.409 16.502-13.48 0-24.408-1.417-24.408-16.502 0-15.085 10.928-27.313 24.408-27.313C-10.928-27.313 0-15.085 0 0"
transform="translate(280.409 154.231)"
fill="#5c586f"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0v-12.362"
transform="translate(179.012 176.852)"
fill="none"
stroke="#5c586f"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v-12.362"
transform="translate(332.988 176.852)"
fill="none"
stroke="#5c586f"
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