Add icons to this collection by clicking the heart icon.
Day And Night icon - also known as night, nature, weather, day, sun, moon, day and night, and time and date. 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 64 64"
>
    <path fill="#fce797" d="M32 62a30 30 0 0 1 0-60z" />
    <path fill="#474747" d="M32 62a30 30 0 0 0 0-60z" />
    <path
        fill="#f9d266"
        d="m32 9-1.079 1.619a4 4 0 0 1-6.358.392l-.524-.608-.5 2.746a4 4 0 0 1-4.72 3.2l-3.081-.616.493 1.808a4 4 0 0 1-3.708 5.049l-1.3.05 1.412 2a4 4 0 0 1-1.049 5.635L9 32l2.093 1.4a4 4 0 0 1 .715 6.047l-1.119 1.208 1.994.167a4 4 0 0 1 3.589 4.77l-.535 2.675 2.463-.497a4 4 0 0 1 4.781 3.771l.063 1.645 1.528-1.292a4 4 0 0 1 5.911.836L32 55"
    />
    <path fill="#f4a93c" d="M32 46a14 14 0 0 1 0-28" />
    <path
        fill="#f9d266"
        d="M50.074 21.435a9 9 0 0 1-14.053 11.248 11 11 0 1 0 14.053-11.248z"
    />
    <path
        fill="#f2f2f2"
        d="M46 15a5 5 0 0 0-5 5 5 5 0 0 0-5-5 5 5 0 0 0 5-5 5 5 0 0 0 5 5zM46 51a5 5 0 0 0-5 5 5 5 0 0 0-5-5 5 5 0 0 0 5-5 5 5 0 0 0 5 5z"
    />
    <path
        fill="#fce797"
        d="M45 24h-2v2h-2v2h2v2h2v-2h2v-2h-2zM54 47h-2v-2h-2v2h-2v2h2v2h2v-2h2z"
    />
    <path
        d="M32 1a31 31 0 1 0 31 31A31.035 31.035 0 0 0 32 1zM16.346 41.8a5.012 5.012 0 0 0-3.546-1.977 5 5 0 0 0-1.151-7.26L10.8 32l1.333-.889a5 5 0 0 0 1.31-7.044l-.366-.52a5 5 0 0 0 4.114-6.265l-.067-.248 1.5.3a5 5 0 0 0 5.9-4l.158-.861A5.013 5.013 0 0 0 31 12.062v4.989a14.981 14.981 0 0 0 0 29.9v4.844a4.951 4.951 0 0 0-7.046-.683 5 5 0 0 0-5.946-4.32l-1 .2.241-1.2a5.006 5.006 0 0 0-.903-3.992zM31 44.949a12.987 12.987 0 0 1 0-25.9zM3 32A29.031 29.031 0 0 1 31 3.025V8.7l-.911 1.367a3 3 0 0 1-4.769.295l-.52-.611a1 1 0 0 0-1.741.473l-.5 2.745a3 3 0 0 1-3.54 2.4l-3.082-.617a.993.993 0 0 0-.928.3 1 1 0 0 0-.234.946l.494 1.808a3 3 0 0 1-2.786 3.794l-1.3.05a1 1 0 0 0-.779 1.576l1.412 2a3 3 0 0 1-.787 4.226l-2.584 1.716a1 1 0 0 0 0 1.664l2.094 1.4a3 3 0 0 1 .536 4.535l-1.12 1.203a1 1 0 0 0 .65 1.676l1.995.167a3 3 0 0 1 2.691 3.579l-.535 2.675a1 1 0 0 0 1.177 1.177l2.467-.493a3 3 0 0 1 3.586 2.828l.063 1.646a1 1 0 0 0 1.644.725l1.529-1.293a3 3 0 0 1 4.432.628L31 55.3v5.672A29.031 29.031 0 0 1 3 32zm30 28.975V3.025a28.992 28.992 0 0 1 0 57.95z"
    />
    <path
        d="M50.354 20.475a1 1 0 0 0-1.066 1.579A7.918 7.918 0 0 1 51 27a8 8 0 0 1-14.2 5.051 1 1 0 0 0-1.774.694 12 12 0 1 0 15.332-12.27zM47 42a10.022 10.022 0 0 1-9.4-6.579 10.011 10.011 0 0 0 14.807-11.832A10 10 0 0 1 47 42zM36 16a4 4 0 0 1 4 4 1 1 0 0 0 2 0 4 4 0 0 1 4-4 1 1 0 0 0 0-2 4 4 0 0 1-4-4 1 1 0 0 0-2 0 4 4 0 0 1-4 4 1 1 0 0 0 0 2zm5-2.687A6.049 6.049 0 0 0 42.687 15 6.049 6.049 0 0 0 41 16.687 6.049 6.049 0 0 0 39.313 15 6.049 6.049 0 0 0 41 13.313zM46 50a4 4 0 0 1-4-4 1 1 0 0 0-2 0 4 4 0 0 1-4 4 1 1 0 0 0 0 2 4 4 0 0 1 4 4 1 1 0 0 0 2 0 4 4 0 0 1 4-4 1 1 0 0 0 0-2zm-5 2.687A6.049 6.049 0 0 0 39.313 51 6.049 6.049 0 0 0 41 49.313 6.049 6.049 0 0 0 42.687 51 6.049 6.049 0 0 0 41 52.687z"
    />
    <path
        d="M45 30v-2h2v-2h-2v-2h-2v2h-2v2h2v2zM52 45h-2v2h-2v2h2v2h2v-2h2v-2h-2z"
    />
</svg>
More icons in the same style and category