Add icons to this collection by clicking the heart icon.
Clouds And Sun icon - also known as cloud, weather, sunny, sun, sky, cloudy, meteorology, haw weather, and clouds and sun. Created in a clean flat gradient 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 512 512"
>
    <radialGradient
        id="a"
        cx="197.961"
        cy="120.287"
        r="331.255"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#f27373" />
        <stop offset=".304" stop-color="#f06f71" />
        <stop offset=".611" stop-color="#e9636a" />
        <stop offset=".919" stop-color="#df4f5f" />
        <stop offset="1" stop-color="#db485b" />
    </radialGradient>
    <radialGradient
        id="b"
        cx="242.407"
        cy="164.426"
        r="199.87"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#fee962" />
        <stop offset=".288" stop-color="#fee561" />
        <stop offset=".566" stop-color="#fdda5d" />
        <stop offset=".839" stop-color="#fbc656" />
        <stop offset="1" stop-color="#fab751" />
    </radialGradient>
    <radialGradient
        id="c"
        cx="396.329"
        cy="230.921"
        r="376.149"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset=".183" stop-color="#9fc1ff" />
        <stop offset=".393" stop-color="#9bbdfc" />
        <stop offset=".621" stop-color="#8eb1f4" />
        <stop offset=".857" stop-color="#789ee6" />
        <stop offset="1" stop-color="#678fdb" />
    </radialGradient>
    <path
        fill="url(#a)"
        d="M403.902 362.902c11.333-8.248 1.874-37.678 10.122-49.01 8.166-11.221 39.12-11.273 43.497-24.753 4.223-13.007-20.652-31.186-20.652-45.6s24.875-32.595 20.652-45.601c-4.377-13.48-35.331-13.532-43.497-24.753-8.248-11.332 1.21-40.763-10.122-49.01-11.22-8.166-36.25 9.865-49.73 5.488C341.165 125.439 331.582 96 317.168 96s-23.997 29.44-37.003 33.663c-13.48 4.377-38.51-13.654-49.73-5.488-11.333 8.247-1.875 37.678-10.122 49.01-8.166 11.22-39.12 11.273-43.497 24.753-4.223 13.006 20.651 31.186 20.651 45.6z"
    />
    <circle cx="317.168" cy="243.538" r="87.802" fill="url(#b)" />
    <path
        fill="url(#c)"
        d="M360.241 415.999c66.314.362 73.521-99.485-4.127-93.408a47.86 47.86 0 0 0-61.636-47.849c-47.11-82.235-172.098-57.794-184.767 35.887-68.327 1.11-80.102 105.37.24 105.37z"
    />
</svg>
More icons in the same style and category