Add icons to this collection by clicking the heart icon.
Cloudy icon - also known as cloud, weather, sunny, sun, sky, cloudy, meteorology, and haw weather. Created in a clean outline 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 48 48"
>
    <g>
        <g>
            <circle cx="33" cy="19" r="9" fill="#febc00" />
            <path
                fill="#d89603"
                d="M26 22a9 9 0 0 1 15.334-6.392 9 9 0 1 0-14.668 9.784A8.983 8.983 0 0 1 26 22z"
            />
            <g fill="#252628">
                <path
                    d="M33 29a10 10 0 1 1 10-10 10.011 10.011 0 0 1-10 10zm0-18a8 8 0 1 0 8 8 8.009 8.009 0 0 0-8-8zM32 3h2v4h-2zM18.644 11.867l1-1.732 3.464 2-1 1.732zM18.645 26.13l3.464-2 1 1.732-3.464 2zM32 31h2v4h-2zM42.892 25.869l1-1.732 3.464 2-1 1.732zM42.89 12.13l3.463-2 1 1.732-3.464 2z"
                />
            </g>
            <path
                fill="#0455bf"
                d="M47 37a7 7 0 0 1-7 7H8a7 7 0 1 1 0-14h6a10 10 0 0 1 20 0h6a7 7 0 0 1 7 7z"
            />
            <path
                fill="#024389"
                d="M4 40a7 7 0 0 1 7-7h5.048a.984.984 0 0 0 .99-.88A9.988 9.988 0 0 1 32.4 24.6 9.993 9.993 0 0 0 14 30H8a7 7 0 0 0-3.215 13.215A6.964 6.964 0 0 1 4 40z"
            />
            <path
                fill="#3b90ed"
                d="M18 40h12a4 4 0 0 1 4 4H14a4 4 0 0 1 4-4z"
            />
            <path
                fill="#252628"
                d="M31 29h-2a5.006 5.006 0 0 0-5-5v-2a7.008 7.008 0 0 1 7 7z"
            />
            <path
                fill="#252628"
                d="M40 45H19v-2h21a6 6 0 0 0 0-12h-6a1 1 0 0 1-1-1 9 9 0 0 0-18 0 1 1 0 0 1-1 1H8a6 6 0 0 0 0 12h5v2H8a8 8 0 1 1 0-16h5.045a11 11 0 0 1 21.91 0H40a8 8 0 1 1 0 16z"
            />
            <path fill="#252628" d="M15 43h2v2h-2z" />
            <circle cx="37" cy="36" r="2" fill="#3b90ed" />
            <circle cx="37" cy="15" r="1" fill="#ffce55" />
            <circle cx="40" cy="40" r="1" fill="#3b90ed" />
        </g>
    </g>
</svg>
More icons in the same style and category