Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, cold, snow, weather, moon, and nighttime. Created in a clean blue style with a white and silver 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="512"
height="512"
viewBox="0 0 60 60"
>
<path
fill="#e8edfc"
d="M59 33.67c0 5.56-5.36 10.07-11.96 10.07a12.96 12.96 0 0 1-9.01-3.46c-.79 2.18-3.18 3.89-6.23 4.49a12.343 12.343 0 0 1-2.39.23 12.479 12.479 0 0 1-1.38-.08c-3.47-.38-6.26-2.16-7.2-4.51a7.434 7.434 0 0 1-3.39.81 7.532 7.532 0 0 1-7.53-7.13 2.954 2.954 0 0 1-.02-.42 7.543 7.543 0 0 1 12.03-6.08 5.839 5.839 0 0 1-.7-2.74c0-3.48 3.1-6.29 6.93-6.29.13 0 .26 0 .39.01A7.348 7.348 0 0 1 32.57 20a1.148 1.148 0 0 1-.01-.19c0-4.86 4.22-8.81 9.44-8.81.12 0 .24 0 .36.01 5.05.17 9.08 4.05 9.08 8.8a8.326 8.326 0 0 1-1.12 4.18c5.01 1.2 8.68 5.07 8.68 9.68z"
/>
<path
fill="#cad9fc"
d="M50.32 23.99a8.326 8.326 0 0 0 1.12-4.18c0-4.75-4.03-8.63-9.08-8.8-.12-.01-.24-.01-.36-.01a10.077 10.077 0 0 0-1.5.121 9.011 9.011 0 0 1 7.94 8.689 8.326 8.326 0 0 1-1.12 4.18c5.01 1.2 8.68 5.07 8.68 9.68 0 5.134-4.573 9.363-10.468 9.983a14.107 14.107 0 0 0 1.508.087c6.6 0 11.96-4.51 11.96-10.07 0-4.61-3.67-8.48-8.68-9.68z"
/>
<path
fill="#c6d8fb"
d="M29 15a13.973 13.973 0 0 1-.46 3.57c-.13-.01-.26-.01-.39-.01-3.83 0-6.93 2.81-6.93 6.29a5.839 5.839 0 0 0 .7 2.74 7.524 7.524 0 0 0-10.1 1.04A14 14 0 1 1 29 15z"
/>
<path
fill="#a4c3fd"
d="M15 1a14.021 14.021 0 0 0-1.5.083A14.008 14.008 0 0 1 25.54 18.57c-.13-.01-.26-.01-.39-.01-3.83 0-6.93 2.81-6.93 6.29a5.6 5.6 0 0 0 .168 1.337 7.516 7.516 0 0 1 3.532 1.4 5.839 5.839 0 0 1-.7-2.74c0-3.48 3.1-6.29 6.93-6.29.13 0 .26 0 .39.01A14.009 14.009 0 0 0 15 1z"
/>
<circle cx="15" cy="8" r="3" fill="#a4c2f7" />
<path
fill="#7facfa"
d="M15 5a2.968 2.968 0 0 0-1.5.416 2.976 2.976 0 0 1 0 5.168A2.968 2.968 0 0 0 15 11a3 3 0 0 0 0-6z"
/>
<circle cx="23" cy="13" r="2" fill="#e8edfc" />
<path
fill="#7facfa"
d="M23 11a1.985 1.985 0 0 0-1.5.69 1.966 1.966 0 0 1 0 2.62A2 2 0 1 0 23 11z"
/>
<circle cx="11" cy="19" r="4" fill="#a4c2f7" />
<path
fill="#7facfa"
d="M11 15a3.984 3.984 0 0 0-1.5.3 3.992 3.992 0 0 1 0 7.406A4 4 0 1 0 11 15z"
/>
<path
fill="#e8edfc"
d="m35.744 1.158.869 1.848a.276.276 0 0 0 .2.155l1.949.3a.285.285 0 0 1 .152.479L37.5 5.384a.288.288 0 0 0-.077.247l.333 2.04a.274.274 0 0 1-.4.295l-1.736-.958a.265.265 0 0 0-.256 0l-1.736.958a.274.274 0 0 1-.4-.295l.333-2.04a.288.288 0 0 0-.077-.247l-1.403-1.447a.285.285 0 0 1 .152-.479l1.949-.3a.276.276 0 0 0 .2-.155l.869-1.848a.267.267 0 0 1 .493.003z"
/>
<path
fill="#cad9fc"
d="M38.919 3.937a.285.285 0 0 0-.152-.479l-1.949-.3a.276.276 0 0 1-.2-.155l-.869-1.848a.267.267 0 0 0-.488 0l-.869 1.848a.276.276 0 0 1-.2.155L34 3.189l1.767.269a.285.285 0 0 1 .152.479L34.5 5.384a.287.287 0 0 0-.077.247l.284 1.742.661-.365a.265.265 0 0 1 .256 0l1.736.958a.274.274 0 0 0 .4-.295l-.333-2.04a.287.287 0 0 1 .077-.247z"
/>
<path
fill="#e8edfc"
d="m54.814 1.2 1.118 2.376a.349.349 0 0 0 .263.2l2.505.384a.366.366 0 0 1 .2.616l-1.82 1.861a.369.369 0 0 0-.1.317l.429 2.623a.352.352 0 0 1-.509.38l-2.236-1.232a.336.336 0 0 0-.328 0L52.1 9.957a.352.352 0 0 1-.509-.38l.429-2.623a.369.369 0 0 0-.1-.317L50.1 4.776a.366.366 0 0 1 .2-.616l2.506-.382a.349.349 0 0 0 .263-.2L54.186 1.2a.344.344 0 0 1 .628 0z"
/>
<path
fill="#cad9fc"
d="M58.9 4.776a.366.366 0 0 0-.2-.616l-2.5-.382a.349.349 0 0 1-.263-.2L54.814 1.2a.344.344 0 0 0-.628 0l-1.118 2.379a.349.349 0 0 1-.068.085.34.34 0 0 0 .2.114l2.5.382a.366.366 0 0 1 .2.616l-1.82 1.861a.369.369 0 0 0-.1.317l.3 1.806.064-.035a.336.336 0 0 1 .328 0L56.9 9.957a.352.352 0 0 0 .509-.38l-.429-2.623a.369.369 0 0 1 .1-.317z"
/>
<circle cx="37" cy="50" r="2" fill="#a4c2f7" />
<circle cx="24" cy="50" r="2" fill="#a4c2f7" />
<circle cx="50" cy="50" r="2" fill="#a4c2f7" />
<circle cx="30" cy="57" r="2" fill="#a4c2f7" />
<circle cx="18" cy="57" r="2" fill="#a4c2f7" />
<circle cx="44" cy="57" r="2" fill="#a4c2f7" />
<circle cx="57" cy="57" r="2" fill="#a4c2f7" />
<path
fill="#fff"
d="M9.89 33.67a2.954 2.954 0 0 0 .02.42 7.486 7.486 0 0 0 9 6.973 7.53 7.53 0 0 1-6-6.973 2.954 2.954 0 0 1-.02-.42 7.519 7.519 0 0 1 1.93-5.04A14 14 0 0 1 16.5 1.083a13.587 13.587 0 0 0-3 0 14 14 0 0 0-1.68 27.547 7.519 7.519 0 0 0-1.93 5.04z"
/>
<path
fill="#fff"
d="m2.394 6.89 1.681 1.084a13.031 13.031 0 0 0-1.542 3.362A14.122 14.122 0 0 0 2 15H0a16.129 16.129 0 0 1 .614-4.227 15.046 15.046 0 0 1 1.78-3.883z"
/>
<g fill="#428dff">
<path
d="M51.742 23.354a9.327 9.327 0 0 0 .7-3.54C52.444 14.4 47.759 10 42 10a10.28 10.28 0 0 0-10.323 8.319 8.457 8.457 0 0 0-1.928-.6A14.985 14.985 0 0 0 15 0a15.461 15.461 0 0 0-7.187 1.834A15.267 15.267 0 0 0 2.394 6.89a.975.975 0 0 0 .321 1.4 1.031 1.031 0 0 0 1.36-.313 13.269 13.269 0 0 1 4.7-4.386A13.455 13.455 0 0 1 15 2a12.888 12.888 0 0 1 12.717 15.576c-4.169.208-7.495 3.386-7.495 7.276a6.705 6.705 0 0 0 .041.738 8.523 8.523 0 0 0-8.745 1.92A12.923 12.923 0 0 1 2 15a1 1 0 0 0-2 0 14.914 14.914 0 0 0 10.166 14.192 8.543 8.543 0 0 0 10.2 12.514C21.933 44.31 25.42 46 29.407 46c3.858 0 7.315-1.645 8.936-4.128a14.275 14.275 0 0 0 8.694 2.869C54.185 44.741 60 39.773 60 33.667c0-4.578-3.339-8.677-8.258-10.313zm-4.7 19.387a12.013 12.013 0 0 1-8.311-3.177 1 1 0 0 0-1.633.375C36.23 42.292 33 44 29.407 44c-3.573 0-6.718-1.627-7.648-3.957a1 1 0 0 0-.574-.564 1.013 1.013 0 0 0-.355-.065 1 1 0 0 0-.449.107 6.494 6.494 0 0 1-2.937.7 6.556 6.556 0 1 1 3.881-11.83 1 1 0 0 0 1.475-1.274 4.785 4.785 0 0 1-.578-2.265c0-2.92 2.658-5.3 5.926-5.3a6.366 6.366 0 0 1 3.816 1.248 1 1 0 0 0 1.6-.823l-.009-.165C33.556 15.506 37.344 12 42 12s8.444 3.506 8.444 7.814a7.37 7.37 0 0 1-.99 3.673 1 1 0 0 0 .633 1.472C54.746 26.077 58 29.658 58 33.667c0 5.004-4.918 9.074-10.963 9.074z"
/>
<path
d="M47.444 20.814a1 1 0 0 0 1-1C48.444 16.608 45.553 14 42 14a1 1 0 0 0 0 2c2.451 0 4.444 1.711 4.444 3.814a1 1 0 0 0 1 1zM54 33.666c0 2.7-3.254 5.074-6.963 5.074a1 1 0 0 0 0 2C51.9 40.74 56 37.5 56 33.666a1 1 0 0 0-2 0zM1.593 12.046a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2zM15 4a4 4 0 1 0 4 4 4 4 0 0 0-4-4zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2zM23 16a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM11 24a5 5 0 1 0-5-5 5.006 5.006 0 0 0 5 5zm0-8a3 3 0 1 1-3 3 3 3 0 0 1 3-3z"
/>
<circle cx="7" cy="10" r="1" />
<circle cx="19" cy="19" r="1" />
<path
d="M39.934 3.329a1.271 1.271 0 0 0-1.016-.859l-1.564-.239-.7-1.5a1.268 1.268 0 0 0-2.3 0l-.7 1.5-1.574.239a1.284 1.284 0 0 0-.714 2.166l1.162 1.188-.275 1.686a1.279 1.279 0 0 0 .526 1.259 1.258 1.258 0 0 0 1.34.073L35.5 8.08l1.38.761a1.261 1.261 0 0 0 1.341-.072 1.279 1.279 0 0 0 .526-1.259l-.275-1.686 1.161-1.188a1.282 1.282 0 0 0 .301-1.307zm-3.145 1.356a1.289 1.289 0 0 0-.349 1.107l.094.574-.417-.229a1.251 1.251 0 0 0-1.228 0l-.423.233.094-.574a1.289 1.289 0 0 0-.349-1.107l-.44-.45.562-.086a1.277 1.277 0 0 0 .959-.717l.208-.444.21.448a1.274 1.274 0 0 0 .958.713l.561.086zM59.93 4.085a1.349 1.349 0 0 0-1.078-.913l-2.162-.33-.97-2.065a1.346 1.346 0 0 0-2.439 0l-.97 2.065-2.164.33a1.349 1.349 0 0 0-1.076.913 1.363 1.363 0 0 0 .32 1.39l1.594 1.631-.378 2.312a1.358 1.358 0 0 0 .559 1.335 1.333 1.333 0 0 0 1.422.08L54.5 9.777l1.916 1.057a1.353 1.353 0 0 0 1.978-1.418l-.378-2.31 1.593-1.63a1.363 1.363 0 0 0 .321-1.391zm-3.57 1.853a1.374 1.374 0 0 0-.37 1.177l.216 1.32-1.052-.581a1.333 1.333 0 0 0-.656-.173 1.311 1.311 0 0 0-.645.169l-1.059.585.215-1.315a1.373 1.373 0 0 0-.37-1.182l-.955-.977 1.273-.194a1.358 1.358 0 0 0 1.017-.762l.526-1.12.527 1.122a1.357 1.357 0 0 0 1.018.76l1.271.194zM40 50a3 3 0 1 0-3 3 3 3 0 0 0 3-3zm-4 0a1 1 0 1 1 1 1 1 1 0 0 1-1-1zM24 47a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM50 47a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1zM30 60a3 3 0 1 0-3-3 3 3 0 0 0 3 3zm0-4a1 1 0 1 1-1 1 1 1 0 0 1 1-1zM21 57a3 3 0 1 0-3 3 3 3 0 0 0 3-3zm-4 0a1 1 0 1 1 1 1 1 1 0 0 1-1-1zM47 57a3 3 0 1 0-3 3 3 3 0 0 0 3-3zm-4 0a1 1 0 1 1 1 1 1 1 0 0 1-1-1zM57 54a3 3 0 1 0 3 3 3 3 0 0 0-3-3zm0 4a1 1 0 1 1 1-1 1 1 0 0 1-1 1z"
/>
</g>
</svg>
More icons in the same style and category