Add icons to this collection by clicking the heart icon.
Weather icon - also known as cloud, weather, rain, forecast, meteorology, and climate. 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="512"
height="512"
viewBox="0 0 511 511"
>
<path
d="m283.5 151.5-56.04 97.071a13.858 13.858 0 0 1-12 6.929c-10.667 0-17.333-11.547-12-20.785L251.5 151.5h32z"
fill="#96d1f3"
/>
<path d="m283.497 151.5-11.55 20h-32l11.55-20z" fill="#3ca6e6" />
<path
d="m283.497 151.5-56.037 97.071a13.856 13.856 0 0 1-12.001 6.929c-10.667 0-17.334-11.547-12.001-20.785l48.039-83.215"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="m219.5 151.5-56.04 97.071a13.858 13.858 0 0 1-12 6.929c-10.667 0-17.333-11.547-12-20.785L187.5 151.5h32z"
fill="#96d1f3"
/>
<path d="m219.497 151.5-11.55 20h-32l11.55-20z" fill="#3ca6e6" />
<path
d="m219.497 151.5-56.037 97.071a13.856 13.856 0 0 1-12.001 6.929c-10.667 0-17.334-11.547-12.001-20.785l48.039-83.215"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="m347.5 151.5-56.04 97.071a13.858 13.858 0 0 1-12 6.929c-10.667 0-17.333-11.547-12-20.785L315.5 151.5h32z"
fill="#96d1f3"
/>
<path d="m347.497 151.5-11.55 20h-32l11.55-20z" fill="#3ca6e6" />
<path
d="m347.497 151.5-56.037 97.071a13.856 13.856 0 0 1-12.001 6.929c-10.667 0-17.334-11.547-12.001-20.785l48.039-83.215"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M463.5 295.5c0 114.875-93.125 208-208 208s-208-93.125-208-208"
fill="#96d1f3"
/>
<path
d="M463.5 295.5c0 114.88-93.12 208-208 208-4.03 0-8.03-.13-12-.35 109.29-6.22 196-96.8 196-207.65h24z"
fill="#3ca6e6"
/>
<path
d="M463.5 295.5c0 114.875-93.125 208-208 208s-208-93.125-208-208h416z"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M351.5 71.5c0-17.673-14.327-32-32-32-2.764 0-5.445.351-8.003 1.009C300.581 20.828 279.601 7.5 255.5 7.5s-45.081 13.328-55.997 33.009A32.044 32.044 0 0 0 191.5 39.5c-17.673 0-32 14.327-32 32-22.091 0-40 17.909-40 40s17.909 40 40 40h192c22.091 0 40-17.909 40-40s-17.909-40-40-40z"
fill="#adb9c8"
/>
<path
d="M231.5 103.5h16M263.5 103.5h16"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M351.5 71.5c0-17.673-14.327-32-32-32-2.764 0-5.445.351-8.003 1.009C300.581 20.828 279.601 7.5 255.5 7.5c-3.403 0-6.741.275-10 .787 19.822 3.113 36.622 15.32 45.997 32.223a32.044 32.044 0 0 1 8.003-1.009c17.673 0 32 14.327 32 32 22.091 0 40 17.909 40 40s-17.909 40-40 40h20c22.091 0 40-17.909 40-40S373.591 71.5 351.5 71.5z"
fill="#92a2b5"
/>
<path
d="M311.5 111.5c0-22.091 17.909-40 40-40s40 17.909 40 40-17.909 40-40 40h-192c-22.091 0-40-17.909-40-40s17.909-40 40-40 40 17.909 40 40M159.5 71.5c0-17.673 14.327-32 32-32s32 14.327 32 32M287.5 71.5c0-17.673 14.327-32 32-32 10.999 0 20.701 5.549 26.461 14M213.167 23.5c11.282-9.958 26.102-16 42.333-16 23.689 0 44.372 12.87 55.438 32M95.5 429.043c38.154-22.939 95.666-37.543 160-37.543s121.847 14.604 160 37.543"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
<path
d="M359.5 295.5c0 114.875-46.562 208-104 208s-104-93.125-104-208"
fill="none"
stroke="#000"
stroke-width="15"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category