Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as weather, sky, cloudy, atmospheric, and meteorology. Created in a clean lineal color style with a silver, navy, and orange 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="100"
height="100"
viewBox="0 0 512 512"
>
<path
d="M411.056 292.51C414.034 301.184 416 310.329 416 320c0 47.052-38.271 85.333-85.333 85.333H53.333c-11.142 0-21.469-3.116-30.602-8.142C28.833 426.169 54.566 448 85.333 448h277.333C409.729 448 448 409.719 448 362.667c0-29.078-14.668-54.743-36.944-70.157z"
opacity=".1"
/>
<path
d="M501.333 192h-32.54c-2.208-24.352-11.85-46.577-26.686-64.362l23.039-23.023c4.167-4.156 4.167-10.917 0-15.083-4.167-4.167-10.917-4.167-15.083 0l-23.04 23.025c-17.786-14.833-40.008-24.474-64.355-26.682v-32.54a10.66 10.66 0 0 0-10.667-10.667 10.66 10.66 0 0 0-10.667 10.667V86.33c-24.061 2.25-46.238 11.62-64.027 26.556l-23.368-23.353c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.927 0 15.083l23.388 23.371c-11.229 13.559-19.168 29.799-23.424 47.616-11.708-2.973-23.751-4.935-36.151-4.935-76.865 0-140.452 58.292-148.182 133.988C22.674 317.068 0 347.852 0 384c0 47.052 38.271 85.333 85.333 85.333h277.333c58.813 0 106.667-47.854 106.667-106.667 0-30.788-13.311-58.349-34.246-77.837 19.349-19.418 31.145-44.581 33.642-71.496h32.604c5.896 0 10.667-4.771 10.667-10.667S507.229 192 501.333 192z"
fill="#303c42"
/>
<path
d="M448 362.667C448 409.719 409.729 448 362.667 448H85.333c-35.292 0-64-28.708-64-64s28.708-64 64-64C91.229 320 96 315.229 96 309.333s-4.771-10.667-10.667-10.667c-3.02 0-5.879.585-8.819.892C86.319 238.258 139.288 192 202.667 192c49.551 0 94.474 29.395 115.391 73.837-5.147 2.374-10.152 5.087-14.911 8.288-4.875 3.292-6.188 9.917-2.896 14.813 3.313 4.885 9.938 6.146 14.813 2.896 14.083-9.49 30.563-14.5 47.604-14.5 47.061-.001 85.332 38.281 85.332 85.333z"
fill="#64b5f6"
/>
<path
d="M411.056 292.51C414.034 301.184 416 310.329 416 320c0 47.052-38.271 85.333-85.333 85.333H53.333c-11.142 0-21.469-3.116-30.602-8.142C28.833 426.169 54.566 448 85.333 448h277.333C409.729 448 448 409.719 448 362.667c0-29.078-14.668-54.743-36.944-70.157z"
opacity=".1"
/>
<path
d="M417.749 271.789C401.617 261.973 382.889 256 362.667 256c-8.275 0-16.366 1.224-24.289 3.074-15.863-35.224-44.531-62.358-79.29-76.742 9.505-43.57 47.909-75.665 92.913-75.665 52.938 0 96 43.063 96 96-.001 26.174-10.996 50.922-30.252 69.122z"
fill="#ffca28"
/>
<linearGradient
id="a"
x1="-42.931"
x2="-24.482"
y1="637.454"
y2="628.85"
gradientTransform="matrix(21.3333 0 0 -21.3333 996.333 13791.667)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" stop-opacity=".2" />
<stop offset="1" stop-color="#fff" stop-opacity="0" />
</linearGradient>
<path
d="M501.333 192h-32.54c-2.208-24.352-11.85-46.577-26.686-64.362l23.039-23.023c4.167-4.156 4.167-10.917 0-15.083-4.167-4.167-10.917-4.167-15.083 0l-23.04 23.025c-17.786-14.833-40.008-24.474-64.355-26.682v-32.54a10.66 10.66 0 0 0-10.667-10.667 10.66 10.66 0 0 0-10.667 10.667V86.33c-24.061 2.25-46.238 11.62-64.027 26.556l-23.368-23.353c-4.167-4.167-10.917-4.167-15.083 0-4.167 4.167-4.167 10.927 0 15.083l23.388 23.371c-11.229 13.559-19.168 29.799-23.424 47.616-11.708-2.973-23.751-4.935-36.151-4.935-76.865 0-140.452 58.292-148.182 133.988C22.674 317.068 0 347.852 0 384c0 47.052 38.271 85.333 85.333 85.333h277.333c58.813 0 106.667-47.854 106.667-106.667 0-30.788-13.311-58.349-34.246-77.837 19.349-19.418 31.145-44.581 33.642-71.496h32.604c5.896 0 10.667-4.771 10.667-10.667S507.229 192 501.333 192z"
fill="url(#a)"
/>
</svg>
More icons in the same style and category