Add icons to this collection by clicking the heart icon.
Sun icon - also known as summer, nature, weather, sunny, sunlight, warm, summertime, sun, meteorology, and haw weather. Created in a clean 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"
>
    <linearGradient
        id="a"
        x1="256"
        x2="256"
        y1="511.696"
        y2=".304"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#00b59c" />
        <stop offset="1" stop-color="#9cffac" />
    </linearGradient>
    <linearGradient
        id="b"
        x1="256"
        x2="256"
        y1="420.696"
        y2="90.696"
        gradientUnits="userSpaceOnUse"
    >
        <stop offset="0" stop-color="#c3ffe8" />
        <stop offset=".997" stop-color="#f0fff4" />
    </linearGradient>
    <path
        fill="url(#a)"
        d="M504.075 242.469c-10.986-5.874-24.687-17.021-27.411-30.659-2.695-13.652 4.775-28.813 12.671-38.452a14.995 14.995 0 0 0 2.256-15.249 14.973 14.973 0 0 0-12.378-9.185c-12.393-1.23-28.403-6.665-36.138-18.237s-6.636-28.418-3.018-40.342a15.023 15.023 0 0 0-3.75-14.956c-3.911-3.926-9.683-5.361-14.941-3.75-11.953 3.589-28.843 4.673-40.356-3.018-11.572-7.734-17.007-23.745-18.237-36.138a14.97 14.97 0 0 0-9.185-12.378 15.094 15.094 0 0 0-15.249 2.256c-9.624 7.896-24.668 15.425-38.438 12.671-13.652-2.725-24.8-16.425-30.674-27.411-5.215-9.756-21.24-9.756-26.455 0-5.874 10.986-17.021 24.687-30.674 27.396-13.667 2.593-28.799-4.761-38.438-12.656-4.248-3.516-10.122-4.38-15.249-2.256a14.973 14.973 0 0 0-9.185 12.378c-1.23 12.393-6.665 28.403-18.237 36.138s-28.418 6.636-40.342 3.018c-5.317-1.611-11.06-.176-14.956 3.75a14.984 14.984 0 0 0-3.75 14.956c3.618 11.924 4.717 28.77-3.018 40.342s-23.745 17.007-36.138 18.237a14.97 14.97 0 0 0-12.378 9.185 14.995 14.995 0 0 0 2.256 15.249c7.896 9.639 15.366 24.8 12.656 38.452-2.71 13.638-16.41 24.785-27.396 30.659C3.047 245.076 0 250.159 0 255.696s3.047 10.62 7.925 13.228c10.986 5.874 24.687 17.021 27.396 30.674 2.71 13.638-4.761 28.799-12.656 38.438a14.995 14.995 0 0 0-2.256 15.249 14.973 14.973 0 0 0 12.378 9.185c12.393 1.23 28.403 6.665 36.138 18.237s6.636 28.418 3.018 40.342a14.984 14.984 0 0 0 3.75 14.956c3.896 3.926 9.639 5.347 14.956 3.75 11.909-3.647 28.755-4.731 40.342 3.018 11.572 7.734 17.007 23.745 18.237 36.138a14.97 14.97 0 0 0 9.185 12.378c5.156 2.124 11.001 1.26 15.249-2.256 9.653-7.91 24.814-15.366 38.452-12.656s24.785 16.41 30.659 27.396c2.607 4.878 7.69 7.925 13.228 7.925s10.62-3.047 13.228-7.925c5.874-10.986 17.021-24.687 30.674-27.396 13.564-2.71 28.784 4.761 38.438 12.656 4.277 3.516 10.107 4.365 15.249 2.256a14.973 14.973 0 0 0 9.185-12.378c1.23-12.393 6.665-28.403 18.237-36.138 11.558-7.749 28.389-6.68 40.342-3.018 5.303 1.611 11.03.146 14.956-3.75a14.996 14.996 0 0 0 3.75-14.941c-3.604-11.938-4.702-28.799 3.018-40.356 7.734-11.572 23.745-17.007 36.138-18.237a14.97 14.97 0 0 0 12.378-9.185 14.995 14.995 0 0 0-2.256-15.249c-7.896-9.639-15.366-24.8-12.671-38.438 2.725-13.652 16.425-24.8 27.411-30.674 4.878-2.607 7.925-7.69 7.925-13.228s-3.05-10.621-7.928-13.228z"
    />
    <circle cx="256" cy="255.696" r="165" fill="url(#b)" />
</svg>
More icons in the same style and category