Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, weather, sunny, sunlight, sun, forecast, and meteorology. 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 48 48"
>
    <linearGradient
        id="a"
        x1="8.55"
        x2="56.26"
        y1="-8.31"
        y2="39.12"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#84bf04" />
        <stop offset="1" stop-color="#317302" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="-8.4"
        x2="39.31"
        y1="8.74"
        y2="56.17"
        href="#a"
    />
    <linearGradient
        id="c"
        x1="8.5"
        x2="56.21"
        y1="-8.26"
        y2="39.17"
        href="#a"
    />
    <linearGradient
        id="d"
        x1="-8.35"
        x2="39.36"
        y1="8.69"
        y2="56.12"
        href="#a"
    />
    <linearGradient
        id="e"
        x1="12.02"
        x2="59.73"
        y1="-11.81"
        y2="35.62"
        href="#a"
    />
    <linearGradient
        id="f"
        x1="-11.88"
        x2="35.84"
        y1="12.24"
        y2="59.66"
        href="#a"
    />
    <linearGradient id="g" x1=".04" x2="47.75" y1=".25" y2="47.68" href="#a" />
    <linearGradient id="h" x1=".11" x2="47.82" y1=".18" y2="47.61" href="#a" />
    <linearGradient id="i" x1=".07" x2="47.79" y1=".21" y2="47.64" href="#a" />
    <path
        fill="url(#a)"
        d="M24 11.1c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1s1 .45 1 1v6.1c0 .55-.45 1-1 1z"
    />
    <path
        fill="url(#b)"
        d="M24 45c-.55 0-1-.45-1-1v-6.1c0-.55.45-1 1-1s1 .45 1 1V44c0 .55-.45 1-1 1z"
    />
    <path
        fill="url(#c)"
        d="M44 25h-6.1c-.55 0-1-.45-1-1s.45-1 1-1H44c.55 0 1 .45 1 1s-.45 1-1 1z"
    />
    <path
        fill="url(#d)"
        d="M10.1 25H4c-.55 0-1-.45-1-1s.45-1 1-1h6.1c.55 0 1 .45 1 1s-.45 1-1 1z"
    />
    <path
        fill="url(#e)"
        d="M33.83 15.17c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l4.31-4.31a.996.996 0 1 1 1.41 1.41l-4.31 4.31c-.2.2-.45.29-.71.29z"
    />
    <path
        fill="url(#f)"
        d="M9.86 39.14c-.26 0-.51-.1-.71-.29a.996.996 0 0 1 0-1.41l4.31-4.31a.996.996 0 1 1 1.41 1.41l-4.31 4.31c-.2.2-.45.29-.71.29z"
    />
    <path
        fill="url(#g)"
        d="M38.14 39.14c-.26 0-.51-.1-.71-.29l-4.31-4.31a.996.996 0 1 1 1.41-1.41l4.31 4.31a.996.996 0 0 1-.71 1.7z"
    />
    <path
        fill="url(#h)"
        d="M14.17 15.17c-.26 0-.51-.1-.71-.29l-4.31-4.31a.996.996 0 1 1 1.41-1.41l4.31 4.31a.996.996 0 0 1-.71 1.7z"
    />
    <path
        fill="url(#i)"
        d="M24 13.17c-5.97 0-10.83 4.86-10.83 10.83S18.03 34.83 24 34.83 34.83 29.97 34.83 24 29.97 13.17 24 13.17zm1.87 17.67c-.09.02-.18.04-.26.04a.99.99 0 0 1-.96-.74c-.15-.53.17-1.08.7-1.23 2.2-.6 3.74-2.62 3.74-4.91 0-.55.45-1 1-1s1 .45 1 1c0 3.19-2.15 6-5.22 6.84z"
    />
</svg>
More icons in the same style and category